Repository navigation
Can't resize from bottom handler when the grid item is at the bottom of page/container #1001
Description
##Can't resize from bottom handler when the grid item is at the bottom of page/container
I want to resize from the bottom border a Grid Item which is placed at the bottom of the Grid container (and screen o parent of this grid container)
Even the grid is initialized with height = 0 and draggable.scroll = true the item collides with the lower edge and the Grid doesn't increase it's heigth size
I try to override resizable.resize method, but I can't, also can't listen on resize event for each item grid in order to increase manually the grid heigth.
Example from gridstack site (http://gridstackjs.com/demo/float.html)
red arrows indicates that I'm trying to resize on this direction frmo the lower edge.
Can help me? thanks!
Your environment
- gridstack.js 1.0.0-dev (any version)
- Version 75.0.3770.80 (Official Build) (64-bit)
Steps to reproduce
Test here:
https://jsfiddle.net/td6zyL8v/1/
Try to resize the 3rd item more than the visible height
Expected behaviour
I think the grid container should auto scroll and increase its heigth, like if you are dragging a item grid
Actual behaviour
You can't resize more than the bottom limit
Activity
adumesny commentedon Dec 21, 2019
@jonathangriguol your sample is using a VERY old v0.3.0 CSS and not sure what JS version (1.0.0-dev was used for very time and doesn't tell me what).
I'm not seeing this at all using current build (Chrome 79, and https://gridstackjs.com/demo/float.html
I can drag below OR resize below and it will auto-scroll while doing it just fine.
closing for now unless you can show video issue.
hbcarlos commentedon Dec 5, 2020
Hi, I've been trying v3.1 and is working smoothly. Thanks!
The drag scrolling issue is solved but unfortunately, the resize scrolling issue still there. You can see the issue in the example https://gridstackjs.com/demo/float.html. If you try to resize at the bottom of the screen it doesn't work but does the drag and drop.
adumesny commentedon Dec 7, 2020
because items will not grow unless half way past mid point of a grid height, the only way to fix that is it add an additional extra bottom row when item you are currently dragging/sizing is near the bottom, then make it normal height when done...
hbcarlos commentedon Dec 7, 2020
Thanks for the advice. I've been trying what you said but I'm having some troubles.
When scrolling the placeholder stays in his place but the item moves downward rather than growing and that prevents the placeholder to continue growing. I'm not sure how to prevent the item to move.
adumesny commentedon Dec 7, 2020
D&D probably doesn't handle scrolling while dragging, so not surprised we will need more fixes than just 'having enough room' to grow. Might want to try 3.1.1 when I get it out in case it magically fixes that too :)
hbcarlos commentedon Dec 7, 2020
Okay, thanks!
I'll wait for 3.1.1. In case is not fixed by then I'll open a PR to try to fix it :)
adumesny commentedon Dec 7, 2020
all my latest fixes are in develop branch, just go from there.
hbcarlos commentedon Dec 7, 2020
All right, I'll pick up from there.
adumesny commentedon Jan 3, 2021
fixed in 3.1.3
test fix for gridstack#1001