search

simjanos-dev / LinguaCafe

LinguaCafe is a self-hosted software that helps language learners read foreign languages.
https://simjanos-dev.github.io/LinguaCafeHome/
GNU General Public License v3.0
891 stars 32 forks source link

Disable scrolling on touch device when creating a new phrase #270

Closed mateuszmrw closed 6 months ago

mateuszmrw commented 6 months ago

Currently when using touch device and creating a phrase the scroll on the body and div element is enabled creating a bad UX for users, as selecting what we want to create a phrase from while screen scrolling up or down is confusing.

If the text is short enough is possible to refresh site on iPad when selecting text for phrase by scrolling down. This results in not being able to create a phrase.

I was thinking that adding a overflow: hidden on body and div with id #reader-content would be enough but after some playing around it seems there is more needed.

simjanos-dev commented 6 months ago

Fixed. Update will be out in 10~ minutes.