Skip to content

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

Description

@mikethea1

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.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions