@lvce-editor/virtual-dom 2.14.0 → 2.16.0

package/dist/index.js

@@ -813,6 +813,11 @@ const render = (elements, eventMap = {}, newEventMap = {}) => {
   return $Root;
 };
 
+const focusElement = $Element => {
+  $Element.focus({
+    preventScroll: true
+  });
+};
 const rememberFocus = ($Viewlet, dom, eventMap, uid = 0) => {
   startIgnore();
   const oldLeft = $Viewlet.style.left;
@@ -864,18 +869,18 @@ const rememberFocus = ($Viewlet, dom, eventMap, uid = 0) => {
     renderInto($Viewlet, dom, eventMap);
   }
   if (isRootTree) {
-    $Viewlet.focus();
+    focusElement($Viewlet);
   } else if (isTreeFocused) {
     const $Tree = $Viewlet.querySelector('[role="tree"]');
     if ($Tree) {
       // @ts-ignore
-      $Tree.focus();
+      focusElement($Tree);
     }
   } else if (focused) {
     const $Focused = $Viewlet.querySelector(`[name="${focused}"]`);
     if ($Focused) {
       // @ts-ignore
-      $Focused.focus();
+      focusElement($Focused);
     }
   }
   $Viewlet.style.top = oldTop;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/virtual-dom",
-  "version": "2.14.0",
+  "version": "2.16.0",
   "main": "dist/index.js",
   "type": "module",
   "keywords": [],

package/src/parts/RememberFocus/RememberFocus.ts

@@ -5,6 +5,10 @@ import * as QueryInputs from '../QueryInputs/QueryInputs.ts'
 import * as RegisterEventListeners from '../RegisterEventListeners/RegisterEventListeners.ts'
 import * as VirtualDom from '../VirtualDom/VirtualDom.ts'
 
+const focusElement = ($Element: HTMLElement): void => {
+  $Element.focus({ preventScroll: true })
+}
+
 export const rememberFocus = (
   $Viewlet: HTMLElement,
   dom: any[],
@@ -66,19 +70,19 @@ export const rememberFocus = (
   }
 
   if (isRootTree) {
-    $Viewlet.focus()
+    focusElement($Viewlet)
   } else if (isTreeFocused) {
     const $Tree = $Viewlet.querySelector('[role="tree"]')
     if ($Tree) {
       // @ts-ignore
-      $Tree.focus()
+      focusElement($Tree)
     }
   } else if (focused) {
     const $Focused = $Viewlet.querySelector(`[name="${focused}"]`)
 
     if ($Focused) {
       // @ts-ignore
-      $Focused.focus()
+      focusElement($Focused)
     }
   }