Skip to content

Error positioning in 3d transformed containers. #702

Closed

Description

@dolphin-wood

On touch screens, Sortable insert a new element with position: fixed when touch moves. However transform creates a new local coordinate system, and the fixed positioning will not work as expected:

qq20151216-0

Demo here: http://output.jsbin.com/sevorazaca

Activity

  1. RubaXa commented on Dec 29, 2015

    @RubaXa
    Collaborator

    Alas, I can only advise you to change the markup, and don't use translate3d.

  2. dolphin-wood commented on Dec 29, 2015

    @dolphin-wood
    Author

    Yep, finally I use fallbackOnBody to fix the position :)

  3. RubaXa commented on Dec 29, 2015

    @RubaXa
    Collaborator

    Well, as an option!

  4. wiresnips commented on Aug 25, 2018

    @wiresnips

    Another "solution", for others caught by this, is to set .sortable-drag { display: none }

    This is still quite useable with the right .sortable-ghost css, and also doesn't look broken

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

    questionquestions from the community

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions