@codemirror/view 6.43.6 → 6.43.7

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## 6.43.7 (2026-07-27)
+
+### Bug fixes
+
+Make the panel container top/bottom style a regular rule, rather than an inline style.
+
+Fix an issue where widgets changing length could break content updates.
+
+Fix incorrectly drawn selection when a line wrap point lies between widgets.
+
+Work around regression in Firefox 153 breaking selection hiding.
+
 ## 6.43.6 (2026-07-06)
 
 ### Bug fixes

package/dist/index.cjs

@@ -1970,6 +1970,9 @@ class LineTile extends CompositeTile {
     }
     get domAttrs() { return this.attrs; }
     // Find the tile associated with a given position in this line.
+    // Side -2/2 is handled specially, in that it allows the position
+    // returned to be before (-2) or after (2) widgets that would always
+    // be after/before a cursor position.
     resolveInline(pos, side, forCoords) {
         let before = null, beforeOff = -1, after = null, afterOff = -1;
         function scan(tile, pos) {
@@ -1980,11 +1983,11 @@ class LineTile extends CompositeTile {
                         scan(child, pos - off);
                     }
                     else if ((!after || after.isHidden && (side > 0 && !(after.flags & 32 /* TileFlag.After */) || forCoords && onSameLine(after, child))) &&
-                        (end > pos || (child.flags & 32 /* TileFlag.After */))) {
+                        (end > pos || (child.flags & 32 /* TileFlag.After */) && side <= 1)) {
                         after = child;
                         afterOff = pos - off;
                     }
-                    else if (off < pos || (child.flags & 16 /* TileFlag.Before */) && !child.isHidden) {
+                    else if (off < pos || (child.flags & 16 /* TileFlag.Before */) && !child.isHidden && side >= -1) {
                         before = child;
                         beforeOff = pos - off;
                     }
@@ -2190,7 +2193,15 @@ class TilePointer {
         let { tile, index, beforeBreak, parents } = this;
         while (dist || side > 0) {
             if (!tile.isComposite()) {
-                if (index == tile.length) {
+                let len = tile.length;
+                if (index < len && dist) {
+                    let take = Math.min(dist, len - index);
+                    if (walker)
+                        walker.skip(tile, index, index + take);
+                    dist -= take;
+                    index += take;
+                }
+                if (index == len) {
                     beforeBreak = !!tile.breakAfter;
                     ({ tile, index } = parents.pop());
                     index++;
@@ -2198,13 +2209,6 @@ class TilePointer {
                 else if (!dist) {
                     break;
                 }
-                else {
-                    let take = Math.min(dist, tile.length - index);
-                    if (walker)
-                        walker.skip(tile, index, index + take);
-                    dist -= take;
-                    index += take;
-                }
             }
             else if (beforeBreak) {
                 if (!dist)
@@ -6983,6 +6987,8 @@ const baseTheme$1 = buildTheme("." + baseThemeID, {
         backgroundColor: "#f5f5f5",
         color: "black"
     },
+    ".cm-panels-top": { top: "0" },
+    ".cm-panels-bottom": { bottom: "0" },
     "&light .cm-panels-top": {
         borderBottom: "1px solid #ddd"
     },
@@ -9591,9 +9597,10 @@ const selectionLayer = layer({
     },
     class: "cm-selectionLayer"
 });
+const selectionBg = browser.gecko && browser.gecko_version >= 153 ? "#ffffff01" : "transparent";
 const hideNativeSelection = state.Prec.highest(EditorView.theme({
     ".cm-line": {
-        "& ::selection, &::selection": { backgroundColor: "transparent !important" },
+        "& ::selection, &::selection": { backgroundColor: `${selectionBg} !important` },
         caretColor: "transparent !important"
     },
     ".cm-content": {
@@ -11104,7 +11111,6 @@ class PanelGroup {
         if (!this.dom) {
             this.dom = document.createElement("div");
             this.dom.className = this.top ? "cm-panels cm-panels-top" : "cm-panels cm-panels-bottom";
-            this.dom.style[this.top ? "top" : "bottom"] = "0";
             let parent = this.container || this.view.dom;
             parent.insertBefore(this.dom, this.top ? parent.firstChild : null);
         }

package/dist/index.js

@@ -1966,6 +1966,9 @@ class LineTile extends CompositeTile {
     }
     get domAttrs() { return this.attrs; }
     // Find the tile associated with a given position in this line.
+    // Side -2/2 is handled specially, in that it allows the position
+    // returned to be before (-2) or after (2) widgets that would always
+    // be after/before a cursor position.
     resolveInline(pos, side, forCoords) {
         let before = null, beforeOff = -1, after = null, afterOff = -1;
         function scan(tile, pos) {
@@ -1976,11 +1979,11 @@ class LineTile extends CompositeTile {
                         scan(child, pos - off);
                     }
                     else if ((!after || after.isHidden && (side > 0 && !(after.flags & 32 /* TileFlag.After */) || forCoords && onSameLine(after, child))) &&
-                        (end > pos || (child.flags & 32 /* TileFlag.After */))) {
+                        (end > pos || (child.flags & 32 /* TileFlag.After */) && side <= 1)) {
                         after = child;
                         afterOff = pos - off;
                     }
-                    else if (off < pos || (child.flags & 16 /* TileFlag.Before */) && !child.isHidden) {
+                    else if (off < pos || (child.flags & 16 /* TileFlag.Before */) && !child.isHidden && side >= -1) {
                         before = child;
                         beforeOff = pos - off;
                     }
@@ -2186,7 +2189,15 @@ class TilePointer {
         let { tile, index, beforeBreak, parents } = this;
         while (dist || side > 0) {
             if (!tile.isComposite()) {
-                if (index == tile.length) {
+                let len = tile.length;
+                if (index < len && dist) {
+                    let take = Math.min(dist, len - index);
+                    if (walker)
+                        walker.skip(tile, index, index + take);
+                    dist -= take;
+                    index += take;
+                }
+                if (index == len) {
                     beforeBreak = !!tile.breakAfter;
                     ({ tile, index } = parents.pop());
                     index++;
@@ -2194,13 +2205,6 @@ class TilePointer {
                 else if (!dist) {
                     break;
                 }
-                else {
-                    let take = Math.min(dist, tile.length - index);
-                    if (walker)
-                        walker.skip(tile, index, index + take);
-                    dist -= take;
-                    index += take;
-                }
             }
             else if (beforeBreak) {
                 if (!dist)
@@ -6978,6 +6982,8 @@ const baseTheme$1 = /*@__PURE__*/buildTheme("." + baseThemeID, {
         backgroundColor: "#f5f5f5",
         color: "black"
     },
+    ".cm-panels-top": { top: "0" },
+    ".cm-panels-bottom": { bottom: "0" },
     "&light .cm-panels-top": {
         borderBottom: "1px solid #ddd"
     },
@@ -9586,9 +9592,10 @@ const selectionLayer = /*@__PURE__*/layer({
     },
     class: "cm-selectionLayer"
 });
+const selectionBg = browser.gecko && browser.gecko_version >= 153 ? "#ffffff01" : "transparent";
 const hideNativeSelection = /*@__PURE__*/Prec.highest(/*@__PURE__*/EditorView.theme({
     ".cm-line": {
-        "& ::selection, &::selection": { backgroundColor: "transparent !important" },
+        "& ::selection, &::selection": { backgroundColor: `${selectionBg} !important` },
         caretColor: "transparent !important"
     },
     ".cm-content": {
@@ -11099,7 +11106,6 @@ class PanelGroup {
         if (!this.dom) {
             this.dom = document.createElement("div");
             this.dom.className = this.top ? "cm-panels cm-panels-top" : "cm-panels cm-panels-bottom";
-            this.dom.style[this.top ? "top" : "bottom"] = "0";
             let parent = this.container || this.view.dom;
             parent.insertBefore(this.dom, this.top ? parent.firstChild : null);
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codemirror/view",
-  "version": "6.43.6",
+  "version": "6.43.7",
   "description": "DOM view component for the CodeMirror code editor",
   "scripts": {
     "test": "cm-runtests",