@textbus/platform-browser 4.2.3 → 4.2.5

package/bundles/index.esm.js

@@ -1126,18 +1126,32 @@ class ExperimentalCaret {
         if (this.changeFromSelf) {
             this.changeFromSelf = false;
             const selfRect = this.elementRef.getBoundingClientRect();
+            const scrollContainer = this.getScrollContainer(startContainer);
+            const scrollRect = scrollContainer === document.documentElement ?
+                { top: 0, bottom: document.documentElement.clientHeight } :
+                scrollContainer.getBoundingClientRect();
             const limit = this.getLimit();
-            if (selfRect.top < limit.top) {
-                this.elementRef.scrollIntoView({
-                    block: 'start'
-                });
+            const top = Math.max(limit.top, scrollRect.top);
+            const bottom = Math.min(limit.bottom, scrollRect.bottom);
+            if (selfRect.top < top) {
+                scrollContainer.scrollTop -= top - selfRect.top;
             }
-            else if (selfRect.bottom > limit.bottom) {
-                this.elementRef.scrollIntoView({
-                    block: 'end'
-                });
+            else if (selfRect.bottom > bottom) {
+                scrollContainer.scrollTop += selfRect.bottom - bottom;
+            }
+        }
+    }
+    getScrollContainer(container) {
+        while (container) {
+            if (container instanceof Element) {
+                const styles = getComputedStyle(container);
+                if (styles.overflow !== 'visible' || styles.overflowX !== 'visible' || styles.overflowY !== 'visible') {
+                    return container;
+                }
             }
+            container = container.parentNode;
         }
+        return document.documentElement;
     }
 }
 /**

package/bundles/index.js

@@ -1128,18 +1128,32 @@ class ExperimentalCaret {
         if (this.changeFromSelf) {
             this.changeFromSelf = false;
             const selfRect = this.elementRef.getBoundingClientRect();
+            const scrollContainer = this.getScrollContainer(startContainer);
+            const scrollRect = scrollContainer === document.documentElement ?
+                { top: 0, bottom: document.documentElement.clientHeight } :
+                scrollContainer.getBoundingClientRect();
             const limit = this.getLimit();
-            if (selfRect.top < limit.top) {
-                this.elementRef.scrollIntoView({
-                    block: 'start'
-                });
+            const top = Math.max(limit.top, scrollRect.top);
+            const bottom = Math.min(limit.bottom, scrollRect.bottom);
+            if (selfRect.top < top) {
+                scrollContainer.scrollTop -= top - selfRect.top;
             }
-            else if (selfRect.bottom > limit.bottom) {
-                this.elementRef.scrollIntoView({
-                    block: 'end'
-                });
+            else if (selfRect.bottom > bottom) {
+                scrollContainer.scrollTop += selfRect.bottom - bottom;
+            }
+        }
+    }
+    getScrollContainer(container) {
+        while (container) {
+            if (container instanceof Element) {
+                const styles = getComputedStyle(container);
+                if (styles.overflow !== 'visible' || styles.overflowX !== 'visible' || styles.overflowY !== 'visible') {
+                    return container;
+                }
             }
+            container = container.parentNode;
         }
+        return document.documentElement;
     }
 }
 /**

package/bundles/magic-input.d.ts

@@ -34,6 +34,7 @@ declare class ExperimentalCaret implements Caret {
     hide(): void;
     destroy(): void;
     private updateCursorPosition;
+    private getScrollContainer;
 }
 /**
  * Textbus PC 端输入实现

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@textbus/platform-browser",
-  "version": "4.2.3",
+  "version": "4.2.5",
   "description": "Textbus is a rich text editor and framework that is highly customizable and extensible to achieve rich wysiwyg effects.",
   "main": "./bundles/index.js",
   "module": "./bundles/index.esm.js",
@@ -26,8 +26,8 @@
   ],
   "dependencies": {
     "@tanbo/stream": "^1.2.6",
-    "@textbus/core": "^4.2.3",
-    "@viewfly/core": "^1.0.5"
+    "@textbus/core": "^4.2.4",
+    "@viewfly/core": "^1.1.0"
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^23.0.2",
@@ -47,5 +47,5 @@
   "bugs": {
     "url": "https://github.com/textbus/textbus.git/issues"
   },
-  "gitHead": "d77564bc33b44ff9d04a03e9e69d7fbc2672087b"
+  "gitHead": "e976c07880be8cb3390a1cf956f09c872537064a"
 }