From 8c66a86e3f27461c0962f3476f5d55ae1ef1d456 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Julien=20D=C3=A9ramond?= Date: Tue, 28 Jul 2026 21:59:18 +0200 Subject: [PATCH 1/2] Docs: document the shipped `.user-select-text` utility --- site/src/content/docs/utilities/user-select.mdx | 2 ++ 1 file changed, 2 insertions(+) diff --git a/site/src/content/docs/utilities/user-select.mdx b/site/src/content/docs/utilities/user-select.mdx index 57e6cc3d30d6..8c1f65a62dff 100644 --- a/site/src/content/docs/utilities/user-select.mdx +++ b/site/src/content/docs/utilities/user-select.mdx @@ -15,12 +15,14 @@ Change the way in which the content is selected when the user interacts with it This paragraph will be entirely selected when clicked by the user.

This paragraph has default select behavior.

+

This paragraph will only allow the text to be selected when clicked by the user, even if the CSS \`user-select\` property is set to something else.

This paragraph will not be selectable when clicked by the user.

`} /> ## Use cases - **`.user-select-all`** - Useful for code snippets, IDs, or other content users might want to copy entirely - **`.user-select-auto`** - Default browser behavior, allows normal text selection +- **`.user-select-text`** - Forces text to remain selectable, useful for overriding a `user-select: none` set by an ancestor - **`.user-select-none`** - Prevents text selection, useful for UI elements, buttons, or decorative text From b74665769438e24267141e5cd8871874088754ed Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Julien=20D=C3=A9ramond?= Date: Tue, 28 Jul 2026 22:03:18 +0200 Subject: [PATCH 2/2] . --- site/src/content/docs/utilities/user-select.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/site/src/content/docs/utilities/user-select.mdx b/site/src/content/docs/utilities/user-select.mdx index 8c1f65a62dff..82beb8686200 100644 --- a/site/src/content/docs/utilities/user-select.mdx +++ b/site/src/content/docs/utilities/user-select.mdx @@ -15,7 +15,7 @@ Change the way in which the content is selected when the user interacts with it This paragraph will be entirely selected when clicked by the user.

This paragraph has default select behavior.

-

This paragraph will only allow the text to be selected when clicked by the user, even if the CSS \`user-select\` property is set to something else.

+

This paragraph will only allow the text to be selected when clicked by the user, even if the CSS user-select property is set to something else.

This paragraph will not be selectable when clicked by the user.

`} /> ## Use cases