You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
$ node_modules/.bin/react-native-macos info
Environment:
OS: macOS High Sierra 10.13.5
Node: 9.11.1
Yarn: 1.3.2
npm: 5.6.0
Watchman: 4.9.0
Xcode: Xcode 9.3.1 Build version 9E501
Android Studio: Not Found
Packages: (wanted => installed)
react: 16.0.0-alpha.12 => 16.0.0-alpha.12
react-native: Not Found
react-native-macos: 0.18.0-alpha.3
Aim
Basically I want the cursor to imitate the accessible behaviour you'd expect from NSSplitViewController: the cursor style should reflect whether it's hovering over the divider or not.
Steps to Reproduce
Run the code from the Reproducible Demo section.
Move your cursor onto the pale-cloured divider bar
Try clicking-and-dragging, moving it from side-to-side.
Release your cursor.
Move your cursor off the divider.
Expected Behaviour
The cursor should become set to resizeLeftRight style.
The cursor should remain in resizeLeftRight style.
The cursor should remain in resizeLeftRight style provided that it's still overlapping the divider bar.
The cursor should return to arrow style.
Actual Behavior
✅
╳ The cursor returns to arrow style. Even if an adaptation is added to restore resizeLeftRight style upon any call of the whilstDragging function, the cursor will repeatedly fight to return to arrow style. I think this is related to the divider changing position (possibly re-rendering in the process, and affecting the responder behaviour), but I'm not sure.
A very good case of how tricky it could be to replicate native UX. Instead, it's appealing to rewrite this with the native component, which is not easy too. I have a little time this weekend, trying to fix as many bugs as I can. Will play with this too.
Is this a bug report?
Yes
Have you read the Contributing Guidelines?
Yes
Environment
Aim
Basically I want the cursor to imitate the accessible behaviour you'd expect from
NSSplitViewController
: the cursor style should reflect whether it's hovering over the divider or not.Steps to Reproduce
Run the code from the Reproducible Demo section.
Expected Behaviour
resizeLeftRight
style.resizeLeftRight
style.resizeLeftRight
style provided that it's still overlapping the divider bar.arrow
style.Actual Behavior
arrow
style. Even if an adaptation is added to restoreresizeLeftRight
style upon any call of thewhilstDragging
function, the cursor will repeatedly fight to return toarrow
style. I think this is related to the divider changing position (possibly re-rendering in the process, and affecting the responder behaviour), but I'm not sure.See video on Twitter.
Reproducible Demo
Use the code snippet from this Snack with
react-native-macos
.Note: commit
7c8be91
from July 3rd 2018 tomaster
must first be applied to fix theCursor
module import issue.The text was updated successfully, but these errors were encountered: