Skip to content
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

A more elaborate example with changing cursors #25

Draft
wants to merge 9 commits into
base: master
Choose a base branch
from

Conversation

jachin
Copy link

@jachin jachin commented Nov 2, 2023

The main goal of this PR is provide a more elaborate example where the cursor changes as the Elm logo is dragged and dropped.

@jachin jachin changed the title Better example A more elaborate example with changing cursors Nov 2, 2023
@jachin
Copy link
Author

jachin commented Nov 2, 2023

This is not done yet... there are problems...

Firefox

Firefox.-.Broken.Cursors.mov

✅ The hover cursor switches to grab
✅ When I start dragging the cursor switches to grabbing
❌ When I drag over a drop zone the cursor switches to move - instead it just stays as grabbing

Chrome

Chrome.-.Broken.Cursors.mov

✅ The hover cursor switches to grab
❌ When I start dragging the cursor switches to grabbing - instead it switches back to the default cursor
❌ When I drag over a drop zone the cursor switches to move - it seems to work the first time, but on subsequent drags it switches to a cursor with a green moving box. Maybe this is OK, but it's strange it's not always working.

Safari

Safari.-.Broken.Cursors.mov

✅ The hover cursor switches to grab
❌ When I start dragging the cursor switches to grabbing - instead it switches back to the default cursor
✅ When I drag over a drop zone the cursor switches to move

Trying to put the cursor styles on the parent element when that makes sense.

Things seem to basically work now in Safari.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant