v0.3.0
⚡️Performance improvements
-
Previously, to handle styling of a synthetically (non-natively) dragged node, a clone of the dragged node was created and appended to the document body. To ensure consistent styling, a recursive copy of the computed styles of the original dragged element was performed, including its children, and those styles were then assigned to the clone. However, with DOM elements that had many children, this proved to sometimes cause performance issues. Other drag and drop libraries do not append to the document body, but instead to the parent of the original dragged node. This however runs into an issue where moving the dragged element between overflow containers will not work (the dragged element will not be shown). The implementation @formkit/drag-and-drop now uses is to append the dragged element to its parent container, but then utilize the Popover API to lift the dragged element to the top layer and avoid those overflow issues.
-
More work on synthetically scrolling elements with overflow when moving to the edges of the container.
🐛 Bug fixes
-
Fixes issue where
touch-action: none
was erroneously assigned to dragged elements. - by @sashamilenkovic in #127 -
Fixes issue in FireFox where input selection was disabled for draggable items and their children - by @sashamilenkovic in #110
-
Fixes general issues on Fire Fox mobile - by @sashamilenkovic in #109
-
Fixes issue where duplicate aria-live regions were rendered - by @sashamilenkovic in #111