Skip to content

[feature] Enable a UX where the floating element is fully opaque and the drop target shows as a blank outline #2436

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

Open
mikethea1 opened this issue Apr 2, 2025 · 0 comments

Comments

@mikethea1
Copy link

Is your feature request related to a problem? Please describe.
The overall behavior and mobile support of sortablejs is great. However, the UX of having a partial opacity floating row doesn't mesh well with my app (it looks very messy with our items).

Describe the solution you'd like
I'd love to be able to implement a UX like this one (which does not work properly on mobile) where the element being moved is fully opaque and the drop position shows as a blank outline.

Describe alternatives you've considered
I tried styling the various classes exposed as well as setting the opacity of the item/clone elements in the onStart event, but this didn't work. From what I can tell reading the source styling is not an option because the opacity is set manually in JS.

Additional context
I'm new to SortableJS; apologies if this is entirely supported today and I just couldn't figure out the right path.

I'm using SortableJS through the React wrapper, but from my investigation it seems like the limitation is tied to the base library and not the React layer.

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

No branches or pull requests

1 participant