Disable hiding of selection inside focused widgets

FIX: Don't hide the native selection in widgets that have focus. See https://discuss.codemirror.net/t/inability-to-use-selector-with-an-input-widget-when-using-the-drawselection-plugin/8182
codemirror · May 2, 2024 · 5d4d490 · 5d4d490
1 parent bde3906
commit 5d4d490
Showing 1 changed file with 11 additions and 6 deletions.
diff --git a/src/draw-selection.ts b/src/draw-selection.ts
@@ -111,12 +111,17 @@ const selectionLayer = layer({
 
 const themeSpec: {[selector: string]: StyleSpec} = {
   ".cm-line": {
-    "& ::selection": {backgroundColor: "transparent !important"},
-    "&::selection": {backgroundColor: "transparent !important"}
+    "& ::selection, &::selection": {backgroundColor: "transparent !important"},
+  },
+  ".cm-content": {
+    "& :focus": {
+      caretColor: "initial !important",
+      "&::selection, & ::selection": {
+        backgroundColor: "Highlight !important"
+      }
+    }
   }
 }
-if (CanHidePrimary) {
-  themeSpec[".cm-line"].caretColor = "transparent !important"
-  themeSpec[".cm-content"] = {caretColor: "transparent !important"}
-}
+if (CanHidePrimary)
+  themeSpec[".cm-line"].caretColor = themeSpec[".cm-content"].caretColor = "transparent !important"
 const hideNativeSelection = Prec.highest(EditorView.theme(themeSpec))