select text with mouse-drag triggers .non-selectable class on body class
-
When selecting any text (input field, heading, whatever else) with the mouse (click-and-drag) only the first few characters are seletable before selection via mouse stops.
The culprit here seems to be that on “mouse-drag-selecting” a text, the class “non-selectable” gets set on the <body> tag which then disables the selection capability.
This affects all text-selection. I do have a monaco-editor running in a <div> which is then also affected by this “global” class and makes text selection via mouse nearly impossible.
When selecting text with a mouse very slowly, however, the class “non-selectable” does not get set on the <body> tag and selection is possible.
I am wondering whether this behavior can be changed through some config setup which I may have missed.
Running this as a Singe-Page-Application web app for desktop.
Any help is much appreciated.
– Andrew“quasar”: “^1.14.7”,
“@quasar/app”: “^2.1.13”, -
When selecting any text (input field, heading, whatever else) with the mouse (click-and-drag) only the first few characters are seletable before selection via mouse stops.
Just tried this , absolutely no problem to select any amount of text and drag with mouse.
Could you create a demo or codepen.io ?
-
@dobbel first of all thanks for attending to this. I found the solution to this problem and am posting this here for others in case they run into the same issue.
The culprit here was that the property
swipeablewas set on the tagq-tab-panels. It makes sense that this would cause selecting items would result in the described symptom as mouse movement needs to be observed and swipe initiated.Removing the property solved it.
Happy.
