Ensure that only one toolbar dropdown is open at a time (#16344)

GitOrigin-RevId: db06091ec35886f38de2a320eba9126b35d33064

services/web/frontend/js/features/source-editor/components/table-generator/toolbar/toolbar-button-menu.tsx

@@ -52,6 +52,7 @@ export const ToolbarButtonMenu: FC<{
       container={tableContainerRef.current}
       containerPadding={0}
       animation
+      rootClose
       onHide={() => onToggle(false)}
     >
       <Popover

services/web/frontend/js/features/source-editor/components/table-generator/toolbar/toolbar-dropdown.tsx

@@ -57,6 +57,7 @@ export const ToolbarDropdown: FC<{
       placement="bottom"
       container={tabularRef.current}
       animation
+      rootClose
       containerPadding={0}
       onHide={() => onToggle(false)}
     >

services/web/frontend/js/features/source-editor/components/toolbar/button-menu.tsx

@@ -60,6 +60,7 @@ export const ToolbarButtonMenu: FC<{
       container={view.dom}
       containerPadding={0}
       animation
+      rootClose
       onHide={() => onToggle(false)}
     >
       <Popover

services/web/frontend/js/features/source-editor/components/toolbar/table-inserter-dropdown.tsx

@@ -57,6 +57,7 @@ export const TableInserterDropdown = memo(() => {
         container={view.dom}
         containerPadding={0}
         animation
+        rootClose
         onHide={() => onToggle(false)}
       >
         <Popover