fix: Text selection in code blocks (nodejs#8301)

canerakdas · web-flow · commit 1bd3851fcf24 · 2025-11-02T13:54:40.000Z
* fix: codebox selectable code

* fix: selectable text in popover
diff --git a/packages/rehype-shiki/src/transformers/twoslash/index.css b/packages/rehype-shiki/src/transformers/twoslash/index.css
@@ -2,12 +2,14 @@
 
 .twoslash-hover {
   cursor: text;
+  user-select: text;
 }
 
 .twoslash-popup-code {
   max-width: 600px;
   display: block;
   width: fit-content;
+  user-select: none;
 }
 
 .twoslash-popup-code:not(:has(div)) {

Original file line number	Diff line number	Diff line change
`@@ -2,12 +2,14 @@`
`2`	`2`
`3`	`3`	`.twoslash-hover {`
`4`	`4`	`cursor: text;`
	`5`	`+ user-select: text;`
`5`	`6`	`}`
`6`	`7`
`7`	`8`	`.twoslash-popup-code {`
`8`	`9`	`max-width: 600px;`
`9`	`10`	`display: block;`
`10`	`11`	`width: fit-content;`
	`12`	`+ user-select: none;`
`11`	`13`	`}`
`12`	`14`
`13`	`15`	`.twoslash-popup-code:not(:has(div)) {`