fix(button): set user-select to none to make btn text not selectable

ing-bank · Jan 6, 2021 · 718843e · 718843e
1 parent 03100f6
commit 718843e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/.changeset/tiny-eyes-burn.md b/.changeset/tiny-eyes-burn.md
@@ -0,0 +1,5 @@
+---
+'@lion/button': patch
+---
+
+Set user-select to none on button, so that the inner text is not selectable.
diff --git a/packages/button/src/LionButton.js b/packages/button/src/LionButton.js
@@ -61,6 +61,7 @@ export class LionButton extends DisabledWithTabIndexMixin(SlotMixin(LitElement))
           padding: 8px; /* padding to fix with min-height */
           outline: none; /* focus style handled below */
           cursor: default; /* /* we should always see the default arrow, never a caret */
+          user-select: none;
         }
 
         :host::before {