input_code_editor(): fix caret drift caused by prism theme font-family override (#1304)

gadenbuie · web-flow · commit 65b50da1c714 · 2026-04-29T08:34:26.000-04:00
* fix: override prism theme font-family on .prism-code-editor to fix caret drift Prism themes hardcode `font-family` directly on `.prism-code-editor`, which wins over bslib's monospace font override and causes the caret to visually drift from the actual insertion point. Closes #1303 * Resave distributed files (GitHub Action) * news: add entry for input_code_editor() caret drift fix Closes #1304
diff --git a/NEWS.md b/NEWS.md
@@ -2,6 +2,8 @@
 
 ## Improvements and bug fixes
 
+* Fixed a caret drift issue in `input_code_editor()` where the cursor would appear to the right of the actual text insertion point when certain themes or on some operating systems. (#1304)
+
 * `input_code_editor()` now supports `language = "ggsql"` for syntax highlighting of ggsql queries. (#1291)
 
 * Improved the sidebar resize handle to avoid conflicts with the sidebar's native scrollbar and to better support touch devices. (#1299)
diff --git a/R/sysdata.rda b/R/sysdata.rda
diff --git a/inst/components/dist/code-editor.css b/inst/components/dist/code-editor.css
@@ -55,6 +55,7 @@ bslib-code-editor .code-editor textarea {
 
 /* Ensure proper font rendering */
 bslib-code-editor .code-editor,
+bslib-code-editor .code-editor .prism-code-editor,
 bslib-code-editor .code-editor textarea,
 bslib-code-editor .code-editor pre,
 bslib-code-editor .code-editor code {
diff --git a/inst/lib/prism-code-editor/prism/languages/ggsql.js b/inst/lib/prism-code-editor/prism/languages/ggsql.js
@@ -25,7 +25,7 @@ ggsql["ggsql-keyword"] = {
 
 // Geom types
 ggsql["ggsql-geom"] = {
-  pattern: /\b(?:point|line|path|bar|col|area|tile|polygon|ribbon|histogram|density|smooth|boxplot|violin|text|label|segment|arrow|rule|errorbar|rect)\b/,
+  pattern: /\b(?:point|line|path|bar|col|area|tile|polygon|ribbon|histogram|density|smooth|boxplot|violin|text|label|segment|arrow|rule|range)\b/,
   alias: "builtin",
 };
 
diff --git a/srcts/src/components/codeEditor.css b/srcts/src/components/codeEditor.css
@@ -55,6 +55,7 @@ bslib-code-editor .code-editor textarea {
 
 /* Ensure proper font rendering */
 bslib-code-editor .code-editor,
+bslib-code-editor .code-editor .prism-code-editor,
 bslib-code-editor .code-editor textarea,
 bslib-code-editor .code-editor pre,
 bslib-code-editor .code-editor code {
