Fix middle alignment of preview design.

2022-10-16 21:55:42 +03:00
parent 49cc9f685c
commit 86602b0ab8
4 changed files with 23 additions and 6 deletions
@@ -11554,6 +11554,10 @@ function DesignPreview({
  });
  const [opacity, setOpacity] = react.exports.useState(100);
  const keyDownHandler = react.exports.useCallback(function (e) {
+    if (!active) {
+      return;
+    }
+
    const step = e.shiftKey ? 10 : 1;

    if (e.key === 'ArrowUp') {
@@ -11573,13 +11577,18 @@ function DesignPreview({
        x: step
      }, true);
    }
-  }, [position]);
+  }, [position, active]);
  react.exports.useEffect(() => {
    document.addEventListener('keydown', keyDownHandler);
    return () => {
      document.removeEventListener('keydown', keyDownHandler);
    };
  }, [keyDownHandler]);
+  react.exports.useEffect(() => {
+    updatePosition({
+      x: getInitialXPosition(previewOption)
+    });
+  }, [previewOption.widthDimension]);

  if (!previewOption) {
    return;
@@ -11706,7 +11715,7 @@ function DataOptions(props = {}) {
      })();
    }
  }, []);
-  react.exports.useEffect(async () => {
+  react.exports.useEffect(() => {
    document.addEventListener("keydown", handleCloseSidebarEscEvent); // Unsubscribe from ESC listener.

    return () => {