Set user-select: text for .ol-selectable
In order to allow a user to select content within an element with the `.ol-selectable` class the `user-select` CSS property should be `text`. The current value of `auto` results in a computed value of `none` due to the rule `.ol-viewport, .ol-unselectable` specifying `user-select: none`. According to the [the specification](https://www.w3.org/TR/css-ui-4/#valdef-user-select-auto): > if the computed value of `user-select` on the parent of this element is `none`, the computed value is `none` Tested manually on Chromium, Firefox and IE11.
This commit is contained in:
+4
-4
@@ -44,10 +44,10 @@
|
|||||||
}
|
}
|
||||||
.ol-selectable {
|
.ol-selectable {
|
||||||
-webkit-touch-callout: default;
|
-webkit-touch-callout: default;
|
||||||
-webkit-user-select: auto;
|
-webkit-user-select: text;
|
||||||
-moz-user-select: auto;
|
-moz-user-select: text;
|
||||||
-ms-user-select: auto;
|
-ms-user-select: text;
|
||||||
user-select: auto;
|
user-select: text;
|
||||||
}
|
}
|
||||||
.ol-grabbing {
|
.ol-grabbing {
|
||||||
cursor: -webkit-grabbing;
|
cursor: -webkit-grabbing;
|
||||||
|
|||||||
Reference in New Issue
Block a user