search

SortableJS / Sortable

Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework required.
https://sortablejs.github.io/Sortable/
MIT License
29.6k stars 3.7k forks source link

sortablejs does not support custom polymer element as a child to be draggable in firefox, works fine in chrome and IE. #1522

Open FaahdNoor opened 5 years ago

FaahdNoor commented 5 years ago

Problem:

when an custom-polymer element is declared as a descendant of the repeater the elements are not draggable in the firefox.

JSBin/JSFiddle demonstrating the problem:

https://jsfiddle.net/rg2d0xkz/1/

owen-m1 commented 5 years ago

Have you taken a look at polymer-sortablejs?

FaahdNoor commented 5 years ago

same issue with polymer-sortablejs.

owen-m1 commented 5 years ago

@FaahdNoor I don't know Polymer, but having a look at it it seems to be because the draggable elements are tagged as my-inner-element rather than valid HTML tags. When I change one to a div, it becomes draggable, but the styling goes away for some reason. Also it originally did not even work in Chrome for me.

FaahdNoor commented 5 years ago

you are right, but if this my-inner-element is wrapped inside a div, div that serves as a draggable element. it does not work. i just want that if the any element is wrapped inside a div, it should be draggable.

owen-m1 commented 5 years ago

The draggable elements needs to be the immediate children of the element Sortable was called on.

FaahdNoor commented 5 years ago

still not resolved, the element should be draggable where ever the sortable should be called upon.