You found a bug! We've classified it as
EXTJS-27601
.
We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
-
Sencha User
[6.5 Modern]`userSelectable: true` not working on chrome 62 & 63
Ext version tested:
Ext 6.5.0.775 Modern, Ext 6.5.1.345 Modern, Ext 6.5.2.463 Modern
Browser versions tested against:
Windows10 x64 Chrome 62.0.3202.62
Windows10 x64 Chrome 63.0.3236.0
Fiddle:
https://fiddle.sencha.com/#view/editor&fiddle/29da
Workaround:
Code:
userSelectable: 'text'
-
Sencha Staff
Thanks for the report! I have opened a bug in our bug tracker.
-
Sencha User
I don't think this is a bug.
This is how the user-select field works.
https://www.w3schools.com/cssref/css...ser-select.asp
The userSelectable is simply setting the user-select property. By setting this to true the x-user-selectable-auto is added to the component. So I think this would just be overriding a user-select: none.
If you want to make, say a dataview element selectable I would do this:
Code:
userSelectable: {
element: 'text',
bodyElement: 'text'
}
This will add the x-user-selectable-text class setting the user-select: property to 'text' therefor allowing selecting of text. The x-user-selectable-text is different for different browsers but it will allow selecting text as needed....
https://fiddle.sencha.com/#view/editor&fiddle/2tag