@codemirror/view 6.42.1 → 6.43.1

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+## 6.43.1 (2026-06-09)
+
+### Bug fixes
+
+Work around an issue in with some IMEs (like Tibetan) in MacOS Chrome where composition could get interrupted needlessly.
+
+Fix a crash when calling  on a line with only `display: none` content.
+
+Improve reuse of widgets near composition, which in some cases prevents Safari from doing odd thing with the selection.
+
+## 6.43.0 (2026-05-14)
+
+### New features
+
+Block wrappers can now be given a rank to set a specific nesting order for wrappers coming from the same source.
+
 ## 6.42.1 (2026-05-07)
 
 ### Bug fixes

package/dist/index.cjs

@@ -395,10 +395,23 @@ widget that starts inside its range, including blocks starting
 directly at `from` but not including `to`.
 */
 class BlockWrapper extends state.RangeValue {
-    constructor(tagName, attributes) {
+    constructor(
+    /**
+    @internal
+    */
+    tagName, 
+    /**
+    @internal
+    */
+    attributes, 
+    /**
+    @internal
+    */
+    rank) {
         super();
         this.tagName = tagName;
         this.attributes = attributes;
+        this.rank = rank;
     }
     eq(other) {
         return other == this ||
@@ -409,7 +422,7 @@ class BlockWrapper extends state.RangeValue {
     attributes.
     */
     static create(spec) {
-        return new BlockWrapper(spec.tagName, spec.attributes || noAttrs);
+        return new BlockWrapper(spec.tagName, spec.attributes || noAttrs, spec.rank == null ? 50 : Math.max(0, Math.min(spec.rank, 100)));
     }
     /**
     Create a range set from the given block wrapper ranges.
@@ -2410,7 +2423,8 @@ class TileBuilder {
                 this.wrappers.splice(i, 1);
         for (let cur = this.blockWrappers; cur.value && cur.from <= this.pos; cur.next())
             if (cur.to >= this.pos) {
-                let wrap = new OpenWrapper(cur.from, cur.to, cur.value, cur.rank), i = this.wrappers.length;
+                let rank = (cur.rank * 102) + cur.value.rank;
+                let wrap = new OpenWrapper(cur.from, cur.to, cur.value, rank), i = this.wrappers.length;
                 while (i > 0 && (this.wrappers[i - 1].rank - wrap.rank || this.wrappers[i - 1].to - wrap.to) < 0)
                     i--;
                 this.wrappers.splice(i, 0, wrap);
@@ -2617,6 +2631,7 @@ class TileUpdate {
             if (composition && next.fromA <= composition.range.fromA && next.toA >= composition.range.toA) {
                 this.forward(next.fromA, composition.range.fromA, composition.range.fromA < composition.range.toA ? 1 : -1);
                 this.emit(posB, composition.range.fromB);
+                this.builder.flushBuffer();
                 this.cache.clear(); // Must not reuse DOM across composition
                 this.builder.addComposition(composition, compositionContext);
                 this.text.skip(composition.range.toB - composition.range.fromB);
@@ -3830,12 +3845,11 @@ class InlineCoordsScan {
     }
     // Scan through the rectangles for the content of a tile with inline
     // content, looking for one that overlaps the queried position
-    // vertically andis
-    // closest horizontally. The caller is responsible for dividing its
-    // content into N pieces, and pass an array with N+1 positions
-    // (including the position after the last piece). For a text tile,
-    // these will be character clusters, for a composite tile, these
-    // will be child tiles.
+    // vertically and is closest horizontally. The caller is responsible
+    // for dividing its content into N pieces, and pass an array with
+    // N+1 positions (including the position after the last piece). For
+    // a text tile, these will be character clusters, for a composite
+    // tile, these will be child tiles.
     scan(positions, getRects, recursed = false) {
         let lo = 0, hi = positions.length - 1, seen = new Set();
         let bidi = this.bidiIn(positions[0], positions[hi]);
@@ -3907,6 +3921,8 @@ class InlineCoordsScan {
         // If no element with y overlap is found, find the nearest element
         // on the y axis, move this.y into it, and retry the scan.
         if (!closestRect) {
+            if (!below && !above)
+                return { i: positions[0], after: false };
             let side = above && (!below || (this.y - above.bottom < below.top - this.y)) ? above : below;
             this.y = (side.top + side.bottom) / 2;
             return this.scan(positions, getRects, true);
@@ -6800,6 +6816,7 @@ const baseTheme$1 = buildTheme("." + baseThemeID, {
         padding: "0 2px 0 6px"
     },
     ".cm-layer": {
+        userSelect: "none", // #1708
         position: "absolute",
         left: 0,
         top: 0,

package/dist/index.d.cts

@@ -366,6 +366,13 @@ interface BlockWrapperSpec {
     attributes?: {
         [key: string]: string;
     };
+    /**
+    When multiple overlapping block wrappers are produced by the
+    same source, this determines their relative precedence. Lower
+    rank wrappers are nested inside higher-rank ones. Should be
+    a number between 0 and 100.
+    */
+    rank?: number;
 }
 /**
 A block wrapper defines a DOM node that wraps lines or other block
@@ -374,8 +381,6 @@ widget that starts inside its range, including blocks starting
 directly at `from` but not including `to`.
 */
 declare class BlockWrapper extends RangeValue {
-    readonly tagName: string;
-    readonly attributes: Attrs;
     private constructor();
     eq(other: RangeValue): boolean;
     /**

package/dist/index.d.ts

@@ -366,6 +366,13 @@ interface BlockWrapperSpec {
     attributes?: {
         [key: string]: string;
     };
+    /**
+    When multiple overlapping block wrappers are produced by the
+    same source, this determines their relative precedence. Lower
+    rank wrappers are nested inside higher-rank ones. Should be
+    a number between 0 and 100.
+    */
+    rank?: number;
 }
 /**
 A block wrapper defines a DOM node that wraps lines or other block
@@ -374,8 +381,6 @@ widget that starts inside its range, including blocks starting
 directly at `from` but not including `to`.
 */
 declare class BlockWrapper extends RangeValue {
-    readonly tagName: string;
-    readonly attributes: Attrs;
     private constructor();
     eq(other: RangeValue): boolean;
     /**

package/dist/index.js

@@ -392,10 +392,23 @@ widget that starts inside its range, including blocks starting
 directly at `from` but not including `to`.
 */
 class BlockWrapper extends RangeValue {
-    constructor(tagName, attributes) {
+    constructor(
+    /**
+    @internal
+    */
+    tagName, 
+    /**
+    @internal
+    */
+    attributes, 
+    /**
+    @internal
+    */
+    rank) {
         super();
         this.tagName = tagName;
         this.attributes = attributes;
+        this.rank = rank;
     }
     eq(other) {
         return other == this ||
@@ -406,7 +419,7 @@ class BlockWrapper extends RangeValue {
     attributes.
     */
     static create(spec) {
-        return new BlockWrapper(spec.tagName, spec.attributes || noAttrs);
+        return new BlockWrapper(spec.tagName, spec.attributes || noAttrs, spec.rank == null ? 50 : Math.max(0, Math.min(spec.rank, 100)));
     }
     /**
     Create a range set from the given block wrapper ranges.
@@ -2406,7 +2419,8 @@ class TileBuilder {
                 this.wrappers.splice(i, 1);
         for (let cur = this.blockWrappers; cur.value && cur.from <= this.pos; cur.next())
             if (cur.to >= this.pos) {
-                let wrap = new OpenWrapper(cur.from, cur.to, cur.value, cur.rank), i = this.wrappers.length;
+                let rank = (cur.rank * 102) + cur.value.rank;
+                let wrap = new OpenWrapper(cur.from, cur.to, cur.value, rank), i = this.wrappers.length;
                 while (i > 0 && (this.wrappers[i - 1].rank - wrap.rank || this.wrappers[i - 1].to - wrap.to) < 0)
                     i--;
                 this.wrappers.splice(i, 0, wrap);
@@ -2613,6 +2627,7 @@ class TileUpdate {
             if (composition && next.fromA <= composition.range.fromA && next.toA >= composition.range.toA) {
                 this.forward(next.fromA, composition.range.fromA, composition.range.fromA < composition.range.toA ? 1 : -1);
                 this.emit(posB, composition.range.fromB);
+                this.builder.flushBuffer();
                 this.cache.clear(); // Must not reuse DOM across composition
                 this.builder.addComposition(composition, compositionContext);
                 this.text.skip(composition.range.toB - composition.range.fromB);
@@ -3826,12 +3841,11 @@ class InlineCoordsScan {
     }
     // Scan through the rectangles for the content of a tile with inline
     // content, looking for one that overlaps the queried position
-    // vertically andis
-    // closest horizontally. The caller is responsible for dividing its
-    // content into N pieces, and pass an array with N+1 positions
-    // (including the position after the last piece). For a text tile,
-    // these will be character clusters, for a composite tile, these
-    // will be child tiles.
+    // vertically and is closest horizontally. The caller is responsible
+    // for dividing its content into N pieces, and pass an array with
+    // N+1 positions (including the position after the last piece). For
+    // a text tile, these will be character clusters, for a composite
+    // tile, these will be child tiles.
     scan(positions, getRects, recursed = false) {
         let lo = 0, hi = positions.length - 1, seen = new Set();
         let bidi = this.bidiIn(positions[0], positions[hi]);
@@ -3903,6 +3917,8 @@ class InlineCoordsScan {
         // If no element with y overlap is found, find the nearest element
         // on the y axis, move this.y into it, and retry the scan.
         if (!closestRect) {
+            if (!below && !above)
+                return { i: positions[0], after: false };
             let side = above && (!below || (this.y - above.bottom < below.top - this.y)) ? above : below;
             this.y = (side.top + side.bottom) / 2;
             return this.scan(positions, getRects, true);
@@ -6795,6 +6811,7 @@ const baseTheme$1 = /*@__PURE__*/buildTheme("." + baseThemeID, {
         padding: "0 2px 0 6px"
     },
     ".cm-layer": {
+        userSelect: "none", // #1708
         position: "absolute",
         left: 0,
         top: 0,

package/package.json

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