Как изменять размеры элемента/перетаскивать их в мобильном браузере при нажатии так, чтобы страница не скролилась?

Когда нужно на мобилке перетащить элемент в браузере или изменить его размеры, то вместо этого скроллится сама страница, а элемент почти не двигается/не меняет размеры, при этом если сильно потянуть страница обновляется. Как решить? Пишу на react. Использую pointer events, но что то не нахожу решения

Для наглядности, нужно чтобы в мобильном браузере можно было потянуть за зеленые блоки вверх-вниз и они растягивались, но вместо этого скролится страница. Куда копать?