Text cannot be selected

[chris-steele]

Within the page content (excluding notify popups) the user is unable to perform text operations such as select when scrollsnap is active.

[danielghost]

This will be due to the Hammer.js library used to handle swipe gestures. If gestures are required, delete Hammer.defaults.cssProps.userSelect; could be added to maintain text selection, but the UX may suffer - see http://hammerjs.github.io/tips/.

[swashbuck]

I’ve set userSelect to "auto" in the Hammer.js library. We will now do some further testing in our project.

The main issue I've found on desktop is that, in some cases, all text in the current block will be selected. This only happens on desktop when clicking with your mouse and then swiping up or down (similar to touching the screen and swiping). If you simply swipe up or down with a touchpad, no text is selected. Same for clicking the "next" button in the ScrollSnap bar... no issues.

On iPad (tested iPad Pro 5th gen), no text is selected when touching / swiping. An extended touch / press is required to begin selecting text. So, I did not see this problem there.

[danielghost]

Do we wish to change the default settings where text is not selectable?

[danielghost]

Discussed and agreed that the default setting will be to leave as is (text not selectable) to ensure there are no potential side effects with gestures. If required, this can be changed for specific projects as detailed in earlier comments.