-
Notifications
You must be signed in to change notification settings - Fork 4.3k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Fix unexpected dragging triggered on spinner buttons on hover in Safari. #38840
Conversation
Size Change: +39 B (0%) Total Size: 1.15 MB
ℹ️ View Unchanged
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks for fixing this!
This fix is working well for me. The only regression I noticed is that we no longer get the ns-resize
cursor in Safari when dragging. If there's an easy enough fix we can put in this PR, then great. If not, I'm fine with bumping it to a separate issue because the bug fix is more important.
If you could add a quick changelog entry that would be great 👍
And for the touch-action
problem that we're getting new console warnings for, I went ahead and made a new issue (#38865).
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks for the updates @stokesman 👍
This is working nicely for me. I also noticed the cursor and console warning issues @mirka raised. If those are being addressed separately I don't think they should block this fix.
I can also confirm there is no regression regarding the issue with the BoxControl
and holding alt
to adjust multiple inputs at once.
Nice work!
Thanks for the testing and reviews @mirka and @aaronrobertshaw 🙇 . I would like to address the cursor regression here but I'm finding that to be quite baffling. Both the inline style on the document element and the class on the input element change as expected during the drag gesture but somehow fail to affect the cursor. |
Upgrades react-use-gesture to the latest version (now @use-gesture/react) and uses one of its new features to avoid a Safari bug with number inputs and pointer capture.
Fix #32497 fix #37127
Testing Instructions
Screenshots
Types of changes
Bug fix
Checklist:
*.native.js
files for terms that need renaming or removal).