angular-gridster2 icon indicating copy to clipboard operation
angular-gridster2 copied to clipboard

How can I do to scroll de parent element while dragging an item?

Open gagigante opened this issue 4 years ago • 3 comments

I have a grid with the following configs:

 private readonly GRIDSTER_SETTINGS: GridsterConfig = {
    margin: 15,
    outerMargin: false,

    gridType: GridType.ScrollVertical,
    setGridSize: true,
    minCols: 12,
    maxCols: 12,
    minRows: 4,

    disableScrollHorizontal: true,
    disableScrollVertical: true,
}

but when setGridSize is true the auto scroll feature does not work.

Is there any callback that I can use to listen the position of a gridster-item and then do this manually?

gagigante avatar Jul 16 '21 19:07 gagigante

I'm facing the same issue, did you get to resolve it?

Since we already have a scroll area in the container, Id like to scroll it while dragging a GridsterItem

portiaove avatar Oct 26 '22 09:10 portiaove

I'm facing the same issue, did you get to resolve it?

Since we already have a scroll area in the container, Id like to scroll it while dragging a GridsterItem

Hi @portiaove, did you find a solution to this?

VirtusB avatar Feb 04 '23 02:02 VirtusB

Hi @VirtusB, did not find a solution. Tried to replicate the behaviour through mouse and page position, and also updating the grid item to stick to the cursor while dragging. But this made the page and grid behave weird with layout shifts.. Please, let me know if you find anything to handle it!

portiaove avatar Feb 04 '23 16:02 portiaove