Reapply the user-selection none to nested items

vaadin · Nov 28, 2019 · 7492c01 · 7492c01
1 parent e42d03f
commit 7492c01
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/src/vaadin-context-menu-overlay.html b/src/vaadin-context-menu-overlay.html
@@ -13,10 +13,6 @@
       :host {
         align-items: flex-start;
         justify-content: flex-start;
-        user-select: none;
-        -ms-user-select: none;
-        -moz-user-select: none;
-        -webkit-user-select: none;
       }
 
       :host([right-aligned]) {

diff --git a/theme/lumo/vaadin-context-menu-styles.html b/theme/lumo/vaadin-context-menu-styles.html
@@ -86,6 +86,13 @@
 <dom-module id="lumo-context-menu-item" theme-for="vaadin-context-menu-item">
   <template>
     <style>
+      :host {
+        user-select: none;
+        -ms-user-select: none;
+        -moz-user-select: none;
+        -webkit-user-select: none;
+      }
+
       :host(.vaadin-menu-item[menu-item-checked])::before {
         opacity: 1;
       }