user-select text support, closes #41246

diff --git a/scss/_utilities.scss b/scss/_utilities.scss
index 4aadac103301884154d688f990659016d0b02dd9..c1687682a75afbb4e80e3f9d2cb82be691a80080 100644 (file)
--- a/scss/_utilities.scss
+++ b/scss/_utilities.scss
@@ -863,7 +863,7 @@ $utilities: map.merge(
     // scss-docs-start utils-interaction
     "user-select": (
       property: user-select,
-      values: all auto none
+      values: all auto text none
     ),
     "pointer-events": (
       property: pointer-events,

diff --git a/site/src/content/docs/utilities/interactions.mdx b/site/src/content/docs/utilities/interactions.mdx
index 83de41d431be5946c6be2c5f057660b4294fafdb..6e41c1d610c64a54688f8cb2dd396b9fe4c18759 100644 (file)
--- a/site/src/content/docs/utilities/interactions.mdx
+++ b/site/src/content/docs/utilities/interactions.mdx
@@ -13,6 +13,7 @@ Change the way in which the content is selected when the user interacts with it.
 
 <Example code={`<p class="user-select-all">This paragraph will be entirely selected when clicked by the user.</p>
 <p class="user-select-auto">This paragraph has default select behavior.</p>
+<p class="user-select-text">This paragraph has text select behavior.</p>
 <p class="user-select-none">This paragraph will not be selectable when clicked by the user.</p>`} />
 
 ## Pointer events