Dragging node not activating scrolling inside container

[TheAndre980]

Subject of the issue

I want to use gridstack in a small dialog on a angular project but the dialog does not scroll when needed.

Your environment

Project in angular 14 Gridstack version: gridstack 7.0.0 (also tested with 6.0.1) Browser: Google chrome 105 OS: Windows 10

Steps to reproduce

Just drag a node on the edge of the container and then at the edge of the page. https://jsfiddle.net/TheAndre98/54jdtsy2/

Update: use https://jsfiddle.net/adumesny/z0ra21c7/ (need float:true to see issue)

Expected behavior

Dragging node on the edge of container makes the container scroll

Actual behavior

Only scrolls with a node on the edges of page/window.

[adumesny]

wonder if that works in v5 (h5 or jq version)... likely dup of #2032 #1905

[TheAndre980]

wonder if that works in v5 (h5 or jq version)... likely dup of #2032 #1905

I think it works on jq version.

I dont' think it's a duplicated since the container just doesn't scroll while on the edge of the container but on the edge of the page does...

[insilications]

Weeks ago I probably had this same problem. have you checked the overflow css style in your container/body? Using anything else other than auto broke the autoscrolling it seemed. I was using the latest es6 version (7.0~)

[TheAndre980]

Weeks ago I probably had this same problem. have you checked the overflow css style in your container/body? Using anything else other than auto broke the autoscrolling it seemed. I was using the latest es6 version (7.0~)

It's a dialog with a fixed height and the container has overflow:auto, normal scrolling works but like i said Auto-scrolling by dragging the item on the edge of the container does not work, only on the edge of the window

[adumesny]

please run the v5 jquery version and let me know if auto scrolling works there - if it does then maybe I can make it work (I use different style of the dragged object to work with nested grid, unlike jq which always clipped incorrectly...

[TheAndre980]

please run the v5 jquery version and let me know if auto scrolling works there - if it does then maybe I can make it work (I use different style of the dragged object to work with nested grid, unlike jq which always clipped incorrectly...

The auto-scrolling while dragging item works well in the v5 jquery version

[TheAndre980]

@adumesny Is there any prediction to fix this in the near future ?

[adumesny]

super busy at work, so only working on items people sponsors right now...

[TheAndre980]

Thanks for the response, since this will take a while to fix i've made a quick workaround using the drag event and bringing the placeholder to view. Here's the example: https://jsfiddle.net/TheAndre98/0qsw4kbf/7/

[adumesny]

Note: you need float:true to drag and scroll (or resize past down otherwise which does work in both case) to move them below.