diff --git a/src/components/avatar/avatar.styles.ts b/src/components/avatar/avatar.styles.ts index ecbbd3795..32c6e6c4b 100644 --- a/src/components/avatar/avatar.styles.ts +++ b/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; } diff --git a/src/components/badge/badge.styles.ts b/src/components/badge/badge.styles.ts index 2d42b04b3..34938f003 100644 --- a/src/components/badge/badge.styles.ts +++ b/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; } diff --git a/src/components/breadcrumb-item/breadcrumb-item.styles.ts b/src/components/breadcrumb-item/breadcrumb-item.styles.ts index 5aabdc7f2..a9741c437 100644 --- a/src/components/breadcrumb-item/breadcrumb-item.styles.ts +++ b/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; } `; diff --git a/src/components/button/button.styles.ts b/src/components/button/button.styles.ts index 5b5ea1514..9b30a322c 100644 --- a/src/components/button/button.styles.ts +++ b/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; diff --git a/src/components/checkbox/checkbox.styles.ts b/src/components/checkbox/checkbox.styles.ts index e54f03e17..c33d6f081 100644 --- a/src/components/checkbox/checkbox.styles.ts +++ b/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 { diff --git a/src/components/color-picker/color-picker.styles.ts b/src/components/color-picker/color-picker.styles.ts index 6b3e4b42c..4e56baea5 100644 --- a/src/components/color-picker/color-picker.styles.ts +++ b/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 { diff --git a/src/components/details/details.styles.ts b/src/components/details/details.styles.ts index 538081d6e..4ea4d3c05 100644 --- a/src/components/details/details.styles.ts +++ b/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; } diff --git a/src/components/input/input.styles.ts b/src/components/input/input.styles.ts index 9e0ae0af7..8b136f150 100644 --- a/src/components/input/input.styles.ts +++ b/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 { diff --git a/src/components/menu-item/menu-item.styles.ts b/src/components/menu-item/menu-item.styles.ts index 18bb7af6c..169c5306e 100644 --- a/src/components/menu-item/menu-item.styles.ts +++ b/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; } diff --git a/src/components/menu-label/menu-label.styles.ts b/src/components/menu-label/menu-label.styles.ts index aec99516b..fd95a2ed5 100644 --- a/src/components/menu-label/menu-label.styles.ts +++ b/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; } `; diff --git a/src/components/option/option.styles.ts b/src/components/option/option.styles.ts index 3e8c156aa..36886be40 100644 --- a/src/components/option/option.styles.ts +++ b/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) { diff --git a/src/components/progress-bar/progress-bar.styles.ts b/src/components/progress-bar/progress-bar.styles.ts index d90aa15ba..6ddb409cc 100644 --- a/src/components/progress-bar/progress-bar.styles.ts +++ b/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 */ diff --git a/src/components/progress-ring/progress-ring.styles.ts b/src/components/progress-ring/progress-ring.styles.ts index c48334dd7..63f0f8c4a 100644 --- a/src/components/progress-ring/progress-ring.styles.ts +++ b/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; } `; diff --git a/src/components/radio/radio.styles.ts b/src/components/radio/radio.styles.ts index f575ba808..c99379505 100644 --- a/src/components/radio/radio.styles.ts +++ b/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; } `; diff --git a/src/components/switch/switch.styles.ts b/src/components/switch/switch.styles.ts index c82cc7b48..05d360dd3 100644 --- a/src/components/switch/switch.styles.ts +++ b/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 { diff --git a/src/components/tab/tab.styles.ts b/src/components/tab/tab.styles.ts index 3e7feb5e1..4f95494c5 100644 --- a/src/components/tab/tab.styles.ts +++ b/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, diff --git a/src/components/tag/tag.styles.ts b/src/components/tag/tag.styles.ts index e725177d6..eb22abccd 100644 --- a/src/components/tag/tag.styles.ts +++ b/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) { diff --git a/src/components/textarea/textarea.styles.ts b/src/components/textarea/textarea.styles.ts index 453774bfb..2933e3c7d 100644 --- a/src/components/textarea/textarea.styles.ts +++ b/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 { diff --git a/src/components/tooltip/tooltip.styles.ts b/src/components/tooltip/tooltip.styles.ts index 37531132f..406330516 100644 --- a/src/components/tooltip/tooltip.styles.ts +++ b/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; } `; diff --git a/src/components/tree-item/tree-item.styles.ts b/src/components/tree-item/tree-item.styles.ts index 1cb7fd6e1..ed0b900d8 100644 --- a/src/components/tree-item/tree-item.styles.ts +++ b/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 { diff --git a/src/themes/applied.css b/src/themes/applied.css index 4166af3ad..bd16ba228 100644 --- a/src/themes/applied.css +++ b/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 {