Page view should scroll when using drag&drop on pages higher than the viewport
When reaching bottom or top of the page while dragging a content element the page should scroll to make it possible to drop the content anywhere on the page.
[TASK] Use jQuery UI for Drag&Drop in Page Module
In the process to move away from ExtJS
and fixing some open problems, the JS
code for the drag+drop functionality in the
page module is rewritten based on jQuery UI.
In addition to having a RequireJS module,
the new JS-based DataHandler AJAX call
is used. Also, a content element is only
moved in the HTML code, if the AJAX result
is true. Scrolling works as well, which resolves
the existing problem from forge ticket #50576.
Reviewed-by: Wouter Wolters <firstname.lastname@example.org>
Tested-by: Wouter Wolters <email@example.com>
Reviewed-by: Mathias Schreiber <firstname.lastname@example.org>
Tested-by: Mathias Schreiber <email@example.com>
Reviewed-by: Benjamin Mack <firstname.lastname@example.org>
Tested-by: Benjamin Mack <email@example.com>
#3 Updated by Jo Hasenau over 6 years ago
We already got that for Gridelements 1.x and 2.x so maybe we can do something about it during the Gridelements weekend.
Otherwise Jigal might want to take a look at the code and just copy the appropriate parts.
IIRC one of the workarounds for a usable D&D + scrolling was to define a surrounding container as "display:table", since the D&D area was restricted to 100% width and height of the currently visible part, which made it impossible to drop anything outside that area, even though scrolling itself worked fine.