You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Drag and Drop functionality is now used for customising Compound Master menu items order (#2044) and Insertion Point layout (#2275). Even though Drag and Drop API is supported in all major browsers, our functionality is not working on touch devices, including both Android and iOs.
On both devices we started with tg-drag-example.html and it worked. However, in the context of PWA only dragstart events were occuring, not dragover and drop / dragend. It was suggested that touch tasks such as scroll / zoom / swipe / tap may interfere with D'n'D. Some events were removed (tooltip, insertion point move) to avoid interference, but to no avail. Also passive:false listeners та touch-action: none style was used for draggable items - dragover / drop were still missing.
The polyfill was not very helpful. It allowed to drag on Android but not on iOs. And there were other problems including full application freeze during dragging over Entity Centre component.
Expected outcome
Fully functional Drag and Drop on touch devices.
The text was updated successfully, but these errors were encountered:
jhou-pro
added
Android
Should be used to identify Android specific functionality/defects
iOS
Should be used to identify iOS specific functionality/defects
labels
Oct 4, 2024
By removing 'draggable' attribute and removing 'drag*/drop*' events for browsers supporting touch events. And also by making drag anchor hidden when menu item is touched and hold. refs #2044
Description
Drag and Drop functionality is now used for customising Compound Master menu items order (#2044) and Insertion Point layout (#2275). Even though Drag and Drop API is supported in all major browsers, our functionality is not working on touch devices, including both Android and iOs.
Investigation notes
We used the following devices for testing:
On both devices we started with
tg-drag-example.html
and it worked. However, in the context of PWA onlydragstart
events were occuring, notdragover
anddrop / dragend
. It was suggested that touch tasks such as scroll / zoom / swipe / tap may interfere with D'n'D. Some events were removed (tooltip, insertion point move) to avoid interference, but to no avail. Alsopassive:false
listeners таtouch-action: none
style was used for draggable items -dragover
/drop
were still missing.The polyfill was not very helpful. It allowed to drag on Android but not on iOs. And there were other problems including full application freeze during dragging over Entity Centre component.
Expected outcome
Fully functional Drag and Drop on touch devices.
The text was updated successfully, but these errors were encountered: