clauderic / clauderic/react-sortable-hoc

Unable to set CSS cursor on sortable helper

Open
#212 13 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
10.9k
Forks
959
PR merge metrics
No merged PRs in 30d

Description

Any CSS `cursor` property is ignored on the sortable helper, and the cursor on the screen is determined by the background content that the helper is currently being dragged over (this part of the bug is actually the weirdest to me). Example here: https://jsfiddle.net/pufcv77k/3/

The problem appears to have been introduced here: https://github.com/clauderic/react-sortable-hoc/pull/160. It looks like that change fixes scrolling-while-dragging only when the sortable items are in a container with `overflow: auto;`, but perhaps I'm missing another scenario?

Not sure what the fix is here, if anything. I'd prefer not to have to set `pointer-events: auto !important;` to allow a custom cursor (and quash the weird background cursor behavior), but I'm not sure which behavior is preferred as default.

Contributor guide

No contributing guide indexed for this repository

Research direction

Reproduce the behavior using the linked JSFiddle, then read pull request #160 to understand the scrolling change and its effect on the sortable helper. Compare cursor behavior while dragging over background content and inside an overflow:auto container. Done means the intended custom cursor behavior is restored without regressing scrolling while dragging.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, javascript, react
Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.