@codemirror/view 6.43.0 → 6.43.2

package/CHANGELOG.md

@@ -1,3 +1,25 @@
+## 6.43.2 (2026-06-23)
+
+### Bug fixes
+
+Fix using select-all from the native context menu on Chrome Android.
+
+On iOS when autocapitalize is enabled, ignore the shift modifier on virtual keyboard Enter or Backspace presses.
+
+Work around an issue where Chrome Android scrolled the editor up when tapping an empty line to focus it.
+
+Create undirectional selection ranges for double and triple clicks.
+
+## 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

package/dist/index.cjs

@@ -2631,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);
@@ -3610,7 +3611,7 @@ function groupAt(state$1, pos, bias = 1) {
             break;
         to = next;
     }
-    return state.EditorSelection.range(from + line.from, to + line.from);
+    return state.EditorSelection.undirectionalRange(from + line.from, to + line.from);
 }
 function posAtCoordsImprecise(view, contentRect, block, x, y) {
     let into = Math.round((x - contentRect.left) * view.defaultCharacterWidth);
@@ -3747,8 +3748,12 @@ function skipAtomsForSelection(atoms, sel) {
         else {
             let from = skipAtomicRanges(atoms, range.from, -1);
             let to = skipAtomicRanges(atoms, range.to, 1);
-            if (from != range.from || to != range.to)
-                updated = state.EditorSelection.range(range.from == range.anchor ? from : to, range.from == range.head ? from : to);
+            if (from != range.from || to != range.to) {
+                if (range.undirectional)
+                    updated = state.EditorSelection.undirectionalRange(range.from, range.to);
+                else
+                    updated = state.EditorSelection.range(range.from == range.anchor ? from : to, range.from == range.head ? from : to);
+            }
         }
         if (updated) {
             if (!ranges)
@@ -3844,12 +3849,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]);
@@ -3921,6 +3925,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);
@@ -4153,7 +4159,8 @@ class DOMChange {
             // Chrome will put the selection *inside* them, confusing
             // posFromDOM
             let vp = view.viewport;
-            if ((browser.ios || browser.chrome) && curSel.main.empty && head != anchor &&
+            if ((browser.ios || browser.chrome) && head != anchor &&
+                Math.min(head, anchor) <= curSel.main.from && Math.max(head, anchor) >= curSel.main.to &&
                 (vp.from > 0 || vp.to < view.state.doc.length)) {
                 let from = Math.min(head, anchor), to = Math.max(head, anchor);
                 let offFrom = vp.from - from, offTo = vp.to - to;
@@ -4474,13 +4481,11 @@ class InputState {
         // (after which we retroactively handle them and reset the DOM) to
         // avoid messing up the virtual keyboard state.
         this.pendingIOSKey = undefined;
-        /**
-        When enabled (>-1), tab presses are not given to key handlers,
-        leaving the browser's default behavior. If >0, the mode expires
-        at that timestamp, and any other keypress clears it.
-        Esc enables temporary tab focus mode for two seconds when not
-        otherwise handled.
-        */
+        // When enabled (>-1), tab presses are not given to key handlers,
+        // leaving the browser's default behavior. If >0, the mode expires
+        // at that timestamp, and any other keypress clears it.
+        // Esc enables temporary tab focus mode for two seconds when not
+        // otherwise handled.
         this.tabFocusMode = -1;
         this.lastSelectionOrigin = null;
         this.lastSelectionTime = 0;
@@ -4588,11 +4593,16 @@ class InputState {
         // state. So we let it go through, and then, in
         // applyDOMChange, notify key handlers of it and reset to
         // the state they produce.
-        let pending;
-        if (browser.ios && !event.synthetic && !event.altKey && !event.metaKey && !event.shiftKey &&
-            ((pending = PendingKeys.find(key => key.keyCode == event.keyCode)) && !event.ctrlKey ||
+        if (browser.ios && !event.synthetic && !event.altKey && !event.metaKey &&
+            (PendingKeys.some(key => key.keyCode == event.keyCode) && !event.ctrlKey ||
                 EmacsyPendingKeys.indexOf(event.key) > -1 && event.ctrlKey)) {
-            this.pendingIOSKey = pending || event;
+            let mods = { ctrlKey: event.ctrlKey, altKey: event.altKey, metaKey: event.metaKey, shiftKey: event.shiftKey };
+            // On iOS with autocapitalize, drop the shift modifier for these
+            // keys, since it will be set at the start of every sentence.
+            if (mods.shiftKey && browser.ios && !/^(off|none)$/.test(this.view.contentDOM.autocapitalize) &&
+                iosVirtualKeyboardOpen(this.view.win))
+                mods.shiftKey = false;
+            this.pendingIOSKey = { key: event.key, keyCode: event.keyCode, mods };
             setTimeout(() => this.flushIOSKey(), 250);
             return true;
         }
@@ -4608,7 +4618,7 @@ class InputState {
         if (key.key == "Enter" && change && change.from < change.to && /^\S+$/.test(change.insert.toString()))
             return false;
         this.pendingIOSKey = undefined;
-        return dispatchKey(this.view.contentDOM, key.key, key.keyCode, key instanceof KeyboardEvent ? key : undefined);
+        return dispatchKey(this.view.contentDOM, key.key, key.keyCode, key.mods);
     }
     ignoreDuringComposition(event) {
         if (!/^key/.test(event.type) || event.synthetic)
@@ -4646,6 +4656,11 @@ class InputState {
             this.mouseSelection.destroy();
     }
 }
+function iosVirtualKeyboardOpen(win) {
+    if (!win.visualViewport)
+        return false;
+    return win.visualViewport.height * win.visualViewport.scale / win.document.documentElement.clientHeight < 0.85;
+}
 function bindHandler(plugin, handler) {
     return (view, event) => {
         try {
@@ -4965,7 +4980,7 @@ function rangeForClick(view, pos, bias, type) {
         let from = visual ? visual.posAtStart : line.from, to = visual ? visual.posAtEnd : line.to;
         if (to < view.state.doc.length && to == line.to)
             to++;
-        return state.EditorSelection.range(from, to);
+        return state.EditorSelection.undirectionalRange(from, to);
     }
 }
 const BadMouseDetail = browser.ie && browser.ie_version <= 11;
@@ -5023,7 +5038,7 @@ handlers.dragstart = (view, event) => {
         if (tile && tile.isWidget()) {
             let from = tile.posAtStart, to = from + tile.length;
             if (from >= range.to || to <= range.from)
-                range = state.EditorSelection.range(from, to);
+                range = state.EditorSelection.undirectionalRange(from, to);
         }
     }
     let { inputState } = view;
@@ -6814,6 +6829,7 @@ const baseTheme$1 = buildTheme("." + baseThemeID, {
         padding: "0 2px 0 6px"
     },
     ".cm-layer": {
+        userSelect: "none", // #1708
         position: "absolute",
         left: 0,
         top: 0,
@@ -7648,7 +7664,6 @@ class EditContextManager {
         for (let event in this.handlers)
             context.addEventListener(event, this.handlers[event]);
         this.measureReq = { read: view => {
-                this.editContext.updateControlBounds(view.contentDOM.getBoundingClientRect());
                 let sel = getSelection(view.root);
                 if (sel && sel.rangeCount)
                     this.editContext.updateSelectionBounds(sel.getRangeAt(0).getBoundingClientRect());

package/dist/index.js

@@ -2627,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);
@@ -3606,7 +3607,7 @@ function groupAt(state, pos, bias = 1) {
             break;
         to = next;
     }
-    return EditorSelection.range(from + line.from, to + line.from);
+    return EditorSelection.undirectionalRange(from + line.from, to + line.from);
 }
 function posAtCoordsImprecise(view, contentRect, block, x, y) {
     let into = Math.round((x - contentRect.left) * view.defaultCharacterWidth);
@@ -3743,8 +3744,12 @@ function skipAtomsForSelection(atoms, sel) {
         else {
             let from = skipAtomicRanges(atoms, range.from, -1);
             let to = skipAtomicRanges(atoms, range.to, 1);
-            if (from != range.from || to != range.to)
-                updated = EditorSelection.range(range.from == range.anchor ? from : to, range.from == range.head ? from : to);
+            if (from != range.from || to != range.to) {
+                if (range.undirectional)
+                    updated = EditorSelection.undirectionalRange(range.from, range.to);
+                else
+                    updated = EditorSelection.range(range.from == range.anchor ? from : to, range.from == range.head ? from : to);
+            }
         }
         if (updated) {
             if (!ranges)
@@ -3840,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]);
@@ -3917,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);
@@ -4149,7 +4155,8 @@ class DOMChange {
             // Chrome will put the selection *inside* them, confusing
             // posFromDOM
             let vp = view.viewport;
-            if ((browser.ios || browser.chrome) && curSel.main.empty && head != anchor &&
+            if ((browser.ios || browser.chrome) && head != anchor &&
+                Math.min(head, anchor) <= curSel.main.from && Math.max(head, anchor) >= curSel.main.to &&
                 (vp.from > 0 || vp.to < view.state.doc.length)) {
                 let from = Math.min(head, anchor), to = Math.max(head, anchor);
                 let offFrom = vp.from - from, offTo = vp.to - to;
@@ -4470,13 +4477,11 @@ class InputState {
         // (after which we retroactively handle them and reset the DOM) to
         // avoid messing up the virtual keyboard state.
         this.pendingIOSKey = undefined;
-        /**
-        When enabled (>-1), tab presses are not given to key handlers,
-        leaving the browser's default behavior. If >0, the mode expires
-        at that timestamp, and any other keypress clears it.
-        Esc enables temporary tab focus mode for two seconds when not
-        otherwise handled.
-        */
+        // When enabled (>-1), tab presses are not given to key handlers,
+        // leaving the browser's default behavior. If >0, the mode expires
+        // at that timestamp, and any other keypress clears it.
+        // Esc enables temporary tab focus mode for two seconds when not
+        // otherwise handled.
         this.tabFocusMode = -1;
         this.lastSelectionOrigin = null;
         this.lastSelectionTime = 0;
@@ -4584,11 +4589,16 @@ class InputState {
         // state. So we let it go through, and then, in
         // applyDOMChange, notify key handlers of it and reset to
         // the state they produce.
-        let pending;
-        if (browser.ios && !event.synthetic && !event.altKey && !event.metaKey && !event.shiftKey &&
-            ((pending = PendingKeys.find(key => key.keyCode == event.keyCode)) && !event.ctrlKey ||
+        if (browser.ios && !event.synthetic && !event.altKey && !event.metaKey &&
+            (PendingKeys.some(key => key.keyCode == event.keyCode) && !event.ctrlKey ||
                 EmacsyPendingKeys.indexOf(event.key) > -1 && event.ctrlKey)) {
-            this.pendingIOSKey = pending || event;
+            let mods = { ctrlKey: event.ctrlKey, altKey: event.altKey, metaKey: event.metaKey, shiftKey: event.shiftKey };
+            // On iOS with autocapitalize, drop the shift modifier for these
+            // keys, since it will be set at the start of every sentence.
+            if (mods.shiftKey && browser.ios && !/^(off|none)$/.test(this.view.contentDOM.autocapitalize) &&
+                iosVirtualKeyboardOpen(this.view.win))
+                mods.shiftKey = false;
+            this.pendingIOSKey = { key: event.key, keyCode: event.keyCode, mods };
             setTimeout(() => this.flushIOSKey(), 250);
             return true;
         }
@@ -4604,7 +4614,7 @@ class InputState {
         if (key.key == "Enter" && change && change.from < change.to && /^\S+$/.test(change.insert.toString()))
             return false;
         this.pendingIOSKey = undefined;
-        return dispatchKey(this.view.contentDOM, key.key, key.keyCode, key instanceof KeyboardEvent ? key : undefined);
+        return dispatchKey(this.view.contentDOM, key.key, key.keyCode, key.mods);
     }
     ignoreDuringComposition(event) {
         if (!/^key/.test(event.type) || event.synthetic)
@@ -4642,6 +4652,11 @@ class InputState {
             this.mouseSelection.destroy();
     }
 }
+function iosVirtualKeyboardOpen(win) {
+    if (!win.visualViewport)
+        return false;
+    return win.visualViewport.height * win.visualViewport.scale / win.document.documentElement.clientHeight < 0.85;
+}
 function bindHandler(plugin, handler) {
     return (view, event) => {
         try {
@@ -4961,7 +4976,7 @@ function rangeForClick(view, pos, bias, type) {
         let from = visual ? visual.posAtStart : line.from, to = visual ? visual.posAtEnd : line.to;
         if (to < view.state.doc.length && to == line.to)
             to++;
-        return EditorSelection.range(from, to);
+        return EditorSelection.undirectionalRange(from, to);
     }
 }
 const BadMouseDetail = browser.ie && browser.ie_version <= 11;
@@ -5019,7 +5034,7 @@ handlers.dragstart = (view, event) => {
         if (tile && tile.isWidget()) {
             let from = tile.posAtStart, to = from + tile.length;
             if (from >= range.to || to <= range.from)
-                range = EditorSelection.range(from, to);
+                range = EditorSelection.undirectionalRange(from, to);
         }
     }
     let { inputState } = view;
@@ -6809,6 +6824,7 @@ const baseTheme$1 = /*@__PURE__*/buildTheme("." + baseThemeID, {
         padding: "0 2px 0 6px"
     },
     ".cm-layer": {
+        userSelect: "none", // #1708
         position: "absolute",
         left: 0,
         top: 0,
@@ -7643,7 +7659,6 @@ class EditContextManager {
         for (let event in this.handlers)
             context.addEventListener(event, this.handlers[event]);
         this.measureReq = { read: view => {
-                this.editContext.updateControlBounds(view.contentDOM.getBoundingClientRect());
                 let sel = getSelection(view.root);
                 if (sel && sel.rangeCount)
                     this.editContext.updateSelectionBounds(sel.getRangeAt(0).getBoundingClientRect());

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codemirror/view",
-  "version": "6.43.0",
+  "version": "6.43.2",
   "description": "DOM view component for the CodeMirror code editor",
   "scripts": {
     "test": "cm-runtests",
@@ -26,7 +26,7 @@
   "sideEffects": false,
   "license": "MIT",
   "dependencies": {
-    "@codemirror/state": "^6.6.0",
+    "@codemirror/state": "^6.7.0",
     "crelt": "^1.0.6",
     "style-mod": "^4.1.0",
     "w3c-keyname": "^2.2.4"