@growgroup/visual-editor 0.7.0 → 0.7.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@growgroup/visual-editor",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "description": "HTMLをブラウザ上で直接編集するビジュアルエディタ。スライド(固定サイズ)とWebページ(可変高さ)の両方に使え、保存先はアダプタで差し替えられます。",
   "keywords": [
     "visual-editor",

package/src/editor/hooks/useKeepArtboardInPlace.ts

@@ -62,7 +62,7 @@ export function useKeepArtboardInPlace(
       }
       lastRef.current = {
         left,
-        viewportWidth: doc?.documentElement.clientWidth ?? 0,
+        viewportWidth: doc?.documentElement?.clientWidth ?? 0,
         scrollLeft: scroller?.scrollLeft ?? 0,
       };
     });
@@ -78,7 +78,8 @@ export function useKeepArtboardInPlace(
     if (!doc || !scroller) return;
     const remember = () => {
       const last = lastRef.current;
-      if (last && doc.documentElement.clientWidth === last.viewportWidth) last.scrollLeft = scroller.scrollLeft;
+      // ページを移る途中は文書が差し替わり、documentElement が無いことがある(⌘ クリックのリンク移動で実測)
+      if (last && doc.documentElement && doc.documentElement.clientWidth === last.viewportWidth) last.scrollLeft = scroller.scrollLeft;
     };
     remember();
     scroller.addEventListener('scroll', remember, { passive: true });

package/src/version.ts

@@ -6,4 +6,4 @@
  * 利用側はこの値と node_modules の package.json を見比べて、食い違っていれば
  * 「再起動してください」と出せる(構成ラフのテンプレートが行っている)
  */
-export const EDITOR_VERSION = '0.7.0';
+export const EDITOR_VERSION = '0.7.1';