@codemirror/view 6.0.1 → 6.0.2

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## 6.0.2 (2022-06-23)
+
+### Bug fixes
+
+Fix a CSS issue that broke horizontal scroll width stabilization.
+
+Fix a bug where `defaultLineHeight` could get an incorrect value in very narrow editors.
+
 ## 6.0.1 (2022-06-17)
 
 ### Bug fixes

package/dist/index.cjs

@@ -2726,6 +2726,7 @@ class DocView extends ContentView {
         // If no workable line exists, force a layout of a measurable element
         let dummy = document.createElement("div"), lineHeight, charWidth;
         dummy.className = "cm-line";
+        dummy.style.width = "99999px";
         dummy.textContent = "abc def ghi jkl mno pqr stu";
         this.view.observer.ignore(() => {
             this.dom.appendChild(dummy);
@@ -5166,6 +5167,7 @@ const baseTheme$1 = buildTheme("." + baseThemeID, {
     ".cm-content": {
         margin: 0,
         flexGrow: 2,
+        flexShrink: 0,
         minHeight: "100%",
         display: "block",
         whiteSpace: "pre",
@@ -5181,7 +5183,8 @@ const baseTheme$1 = buildTheme("." + baseThemeID, {
         whiteSpace_fallback: "pre-wrap",
         whiteSpace: "break-spaces",
         wordBreak: "break-word",
-        overflowWrap: "anywhere"
+        overflowWrap: "anywhere",
+        flexShrink: 1
     },
     "&light .cm-content": { caretColor: "black" },
     "&dark .cm-content": { caretColor: "white" },

package/dist/index.js

@@ -2720,6 +2720,7 @@ class DocView extends ContentView {
         // If no workable line exists, force a layout of a measurable element
         let dummy = document.createElement("div"), lineHeight, charWidth;
         dummy.className = "cm-line";
+        dummy.style.width = "99999px";
         dummy.textContent = "abc def ghi jkl mno pqr stu";
         this.view.observer.ignore(() => {
             this.dom.appendChild(dummy);
@@ -5159,6 +5160,7 @@ const baseTheme$1 = /*@__PURE__*/buildTheme("." + baseThemeID, {
     ".cm-content": {
         margin: 0,
         flexGrow: 2,
+        flexShrink: 0,
         minHeight: "100%",
         display: "block",
         whiteSpace: "pre",
@@ -5174,7 +5176,8 @@ const baseTheme$1 = /*@__PURE__*/buildTheme("." + baseThemeID, {
         whiteSpace_fallback: "pre-wrap",
         whiteSpace: "break-spaces",
         wordBreak: "break-word",
-        overflowWrap: "anywhere"
+        overflowWrap: "anywhere",
+        flexShrink: 1
     },
     "&light .cm-content": { caretColor: "black" },
     "&dark .cm-content": { caretColor: "white" },

package/package.json

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