Merge pull request #1170 from ing-bank/fix/button-user-select

fix(button): add user-select rule with prefixes

.changeset/blue-frogs-enjoy.md

@@ -0,0 +1,5 @@
+---
+'@lion/button': patch
+---
+
+Fix button user-select for Edge/Safari by adding prefixes for the CSS rule.

.changeset/forty-ants-relate.md

@@ -0,0 +1,5 @@
+---
+'@lion/select-rich': patch
+---
+
+Set pointer-events to none to fix Safari bug where click event is blocked by text content wrapper.

packages/button/src/LionButton.js

@@ -62,6 +62,9 @@ export class LionButton extends DisabledWithTabIndexMixin(SlotMixin(LitElement))
           outline: none; /* focus style handled below */
           cursor: default; /* /* we should always see the default arrow, never a caret */
           user-select: none;
+          -webkit-user-select: none;
+          -moz-user-select: none;
+          -ms-user-select: none;
         }
 
         :host::before {

packages/select-rich/src/LionSelectInvoker.js

@@ -22,6 +22,7 @@ export class LionSelectInvoker extends LionButton {
 
         #content-wrapper {
           position: relative;
+          pointer-events: none;
         }
       `,
     ];