React-grid-layout: Can't scroll page on mobie view.

[carceri]

The problem is - I can drag blocks on special button (drag-handle). And i can scroll page by clicking on empty space. BUT i can't scroll page by clicking on blocks.

Demonstration: https://imgur.com/vusO6OH

You can try this with mobile view in chrome https://chk75.csb.app/

codesandbox: https://codesandbox.io/s/adoring-chebyshev-chk75

p.s.
isDraggable={false} on ResponsiveReactGridLayout will not fix this problem for me

[yogesh45]

I am also having this problem in gridlayout

[yogesh45]

Just add the static classname in the gridlayout div, make isDraggable flag to false

[github-actions[bot]]

This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this issue will be closed in 7 days

[carceri]

I was using isDraggable={false} on mobile view to prevent this bug. But in 0.18+ it doesn't work anymore.
I mean, i cannot scroll on mobile at all. 😕

[Whyseverythingtaken]

This seems to happen because of touch-action: none; on .react-grid-item class.

I fixed it by adding the following css

.react-grid-item {
  touch-action: auto !important;
}

This may not be the solution for you if you use the drag and drop feature

[lazarnikolic1983]

.react-grid-item {
touch-action: auto !important;
}

This solved the issue for me. Thank you.