search

Greenheart / lifewheel

Reflect on Your Life Balance. Offline-first, privacy-friendly web app for your personal well-being.
https://reconnect.earth/lifewheel
GNU Affero General Public License v3.0
11 stars 1 forks source link

Prevent vertical scroll when using range inputs on mobile #10

Closed Greenheart closed 1 year ago

Greenheart commented 1 year ago

Potential solution: https://github.com/bevacqua/dragula/issues/487#issuecomment-383857371

Greenheart commented 1 year ago

Fixed with CSS. Works really well :)

If you want to only allow touchmove events for the x-axis, add the following style to your element:

touch-action: pan-x

Or if you want to only allow touchmove events for the y-axis:

touch-action: pan-y