You should never use user-select: none to prevent selection of content text. The browser itself is responsible for deciding between scrolling and selection in this case and should be relied upon to do its job properly in discerning user intent between the two potential actions (selection or scrolling).
- Can I use CSS user-select?
- How to disable text selection in js?
- What is the CSS property to disable text selection on a web page?
- What does select do in CSS?
Can I use CSS user-select?
The user-select property specifies whether the text of an element can be selected. In web browsers, if you double-click on some text it will be selected/highlighted. This property can be used to prevent this.
How to disable text selection in js?
How to Disable Text Selection with JavaScript. Apply the onmousedown and onselectstart Events to the <body> or <div> tags to prevent text selection and copy/cut on your website. It override the default behavior of the browsers.
What is the CSS property to disable text selection on a web page?
You can use the user-select property to disable text selection of an element.
What does select do in CSS?
The user-select CSS property controls whether the user can select text. This doesn't have any effect on content loaded as part of a browser's user interface (its chrome), except in textboxes.