Update

resources/js/modules/editor/editor.jsx

@@ -119,14 +119,11 @@ const Editor = () => {
         init();
     }, []);
 
-    // Listen for text element selection
+    // Listen for text element selection (but don't auto-open sidebar)
     useEffect(() => {
         const handleTextElementSelected = (textElement) => {
             setSelectedTextElement(textElement);
-            setIsTextSidebarOpen(true);
-            // Close other sidebars when text sidebar opens
-            setIsEditSidebarOpen(false);
-            setIsEditNavSidebarOpen(false);
+            // Remove automatic sidebar opening - user will click the button instead
         };
 
         emitter.on('text-element-selected', handleTextElementSelected);
@@ -152,6 +149,13 @@ const Editor = () => {
         setIsEditSidebarOpen(false);
     };
 
+    const handleTextSidebarOpen = () => {
+        setIsTextSidebarOpen(true);
+        // Close other sidebars when text sidebar opens
+        setIsEditSidebarOpen(false);
+        setIsEditNavSidebarOpen(false);
+    };
+
     const handleTextSidebarClose = () => {
         setIsTextSidebarOpen(false);
         setSelectedTextElement(null);
@@ -197,7 +201,7 @@ const Editor = () => {
                 </div>
             ) : (
                 <>
-                    <EditorCanvas maxWidth={maxWidth} />
+                    <EditorCanvas maxWidth={maxWidth} onOpenTextSidebar={handleTextSidebarOpen} />
                     <EditorControls
                         className="mx-auto"
                         style={{ width: `${responsiveWidth}px` }}