BUGFIX: Keep commandbar centered after it’s opened and not dragged yet

Sebobo · Mar 15, 2023 · f291ecd · f291ecd
1 parent 4208df1
commit f291ecd
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 7 deletions.
diff --git a/Resources/Public/Module.js b/Resources/Public/Module.js
diff --git a/Resources/Public/Module.js.map b/Resources/Public/Module.js.map
diff --git a/Resources/Public/Plugin.js b/Resources/Public/Plugin.js
diff --git a/Resources/Public/Plugin.js.map b/Resources/Public/Plugin.js.map
diff --git a/packages/commandbar/src/components/CommandBarDialog/CommandBarDialog.tsx b/packages/commandbar/src/components/CommandBarDialog/CommandBarDialog.tsx
@@ -39,7 +39,7 @@ const CommandBarDialog: React.FC<CommandBarDialogProps> = ({ onDrag, open, toggl
     const dialogStyle = useComputed(() => {
         const { left, top } = dialogPosition.value;
         return (
-            hasBeenDragged
+            hasBeenDragged.value
                 ? {
                       left: left + 'px',
                       top: top + 'px',
@@ -99,10 +99,10 @@ const CommandBarDialog: React.FC<CommandBarDialogProps> = ({ onDrag, open, toggl
 
     useEffect(() => {
         if (!open) return;
-        dialogRef.current.parentElement.addEventListener('drop', handleDragDrop);
+        dialogRef.current?.parentElement?.addEventListener('drop', handleDragDrop);
         window.addEventListener('resize', onResize);
         return () => {
-            dialogRef.current.parentElement.removeEventListener('drop', handleDragDrop);
+            dialogRef.current?.parentElement?.removeEventListener('drop', handleDragDrop);
             window.removeEventListener('resize', onResize);
         };
     }, [open, onResize, handleDragDrop]);