backport PR 1655

src/components/avatar/avatar.styles.ts

@@ -22,6 +22,7 @@ export default css`
     font-size: calc(var(--size) * 0.5);
     color: var(--wa-color-neutral-text-on-vivid);
     user-select: none;
+    -webkit-user-select: none;
     vertical-align: middle;
   }
 

src/components/badge/badge.styles.ts

@@ -20,6 +20,7 @@ export default css`
     white-space: nowrap;
     padding: 0.35em 0.6em;
     user-select: none;
+    -webkit-user-select: none;
     cursor: inherit;
   }
 

src/components/breadcrumb-item/breadcrumb-item.styles.ts

@@ -80,5 +80,6 @@ export default css`
     align-items: center;
     margin: 0 var(--wa-space-xs);
     user-select: none;
+    -webkit-user-select: none;
   }
 `;

src/components/button/button.styles.ts

@@ -21,6 +21,7 @@ export default css`
     font-weight: var(--wa-font-weight-action);
     text-decoration: none;
     user-select: none;
+    -webkit-user-select: none;
     white-space: nowrap;
     vertical-align: middle;
     padding: 0;

src/components/checkbox/checkbox.styles.ts

@@ -100,6 +100,7 @@ export default css`
     line-height: var(--toggle-size);
     margin-inline-start: var(--wa-space-xs);
     user-select: none;
+    -webkit-user-select: none;
   }
 
   :host([required]) .checkbox__label::after {

src/components/color-picker/color-picker.styles.ts

@@ -22,6 +22,7 @@ export default css`
     background-color: var(--wa-color-surface-raised);
     border-radius: var(--wa-corners-1x);
     user-select: none;
+    -webkit-user-select: none;
   }
 
   .color-picker--inline {

src/components/details/details.styles.ts

@@ -24,6 +24,7 @@ export default css`
     align-items: center;
     padding: var(--wa-space-m);
     user-select: none;
+    -webkit-user-select: none;
     cursor: pointer;
   }
 

src/components/input/input.styles.ts

@@ -103,6 +103,7 @@ export default css`
   .input__control::placeholder {
     color: var(--wa-form-controls-placeholder-color);
     user-select: none;
+    -webkit-user-select: none;
   }
 
   .input__control:focus {

src/components/menu-item/menu-item.styles.ts

@@ -31,6 +31,7 @@ export default css`
     padding: var(--wa-space-2xs) var(--wa-space-2xs);
     transition: var(--wa-transition-fast) fill;
     user-select: none;
+    -webkit-user-select: none;
     white-space: nowrap;
     cursor: pointer;
   }

src/components/menu-label/menu-label.styles.ts

@@ -14,5 +14,6 @@ export default css`
     color: var(--wa-color-neutral-text-on-surface);
     padding: var(--wa-space-2xs) var(--wa-space-xl);
     user-select: none;
+    -webkit-user-select: none;
   }
 `;

src/components/option/option.styles.ts

@@ -7,6 +7,7 @@ export default css`
   :host {
     display: block;
     user-select: none;
+    -webkit-user-select: none;
   }
 
   :host(:focus) {

src/components/progress-bar/progress-bar.styles.ts

@@ -35,6 +35,7 @@ export default css`
       400ms width,
       400ms background-color;
     user-select: none;
+    -webkit-user-select: none;
   }
 
   /* Indeterminate */

src/components/progress-ring/progress-ring.styles.ts

@@ -66,5 +66,6 @@ export default css`
     height: 100%;
     text-align: center;
     user-select: none;
+    -webkit-user-select: none;
   }
 `;

src/components/radio/radio.styles.ts

@@ -99,5 +99,6 @@ export default css`
     line-height: var(--toggle-size);
     margin-inline-start: 0.5em;
     user-select: none;
+    -webkit-user-select: none;
   }
 `;

src/components/switch/switch.styles.ts

@@ -109,6 +109,7 @@ export default css`
     line-height: var(--height);
     margin-inline-start: 0.5em;
     user-select: none;
+    -webkit-user-select: none;
   }
 
   :host([required]) .switch__label::after {

src/components/tab/tab.styles.ts

@@ -18,6 +18,7 @@ export default css`
     padding: var(--wa-space-m) var(--wa-space-l);
     white-space: nowrap;
     user-select: none;
+    -webkit-user-select: none;
     cursor: pointer;
     transition:
       var(--transition-speed) box-shadow,

src/components/tag/tag.styles.ts

@@ -15,6 +15,7 @@ export default css`
     line-height: 1;
     white-space: nowrap;
     user-select: none;
+    -webkit-user-select: none;
   }
 
   .tag__remove::part(base) {

src/components/textarea/textarea.styles.ts

@@ -82,6 +82,7 @@ export default css`
   .textarea__control::placeholder {
     color: var(--wa-form-controls-placeholder-color);
     user-select: none;
+    -webkit-user-select: none;
   }
 
   .textarea__control:focus {

src/components/tooltip/tooltip.styles.ts

@@ -50,5 +50,6 @@ export default css`
     padding: var(--wa-space-2xs) var(--wa-space-xs);
     pointer-events: none;
     user-select: none;
+    -webkit-user-select: none;
   }
 `;

src/components/tree-item/tree-item.styles.ts

@@ -26,6 +26,7 @@ export default css`
     color: var(--wa-color-text-normal);
     cursor: pointer;
     user-select: none;
+    -webkit-user-select: none;
   }
 
   .tree-item__checkbox {

src/themes/applied.css

@@ -281,6 +281,7 @@ summary {
   padding-block: var(--wa-space-m);
   margin: 0;
   user-select: none;
+  -webkit-user-select: none;
 }
 
 summary::-webkit-details-marker {