fix: ensure popover toolbar item does not grow

zakodium-oss · Oct 18, 2024 · f863ab8 · f863ab8
1 parent e76b171
commit f863ab8
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/components/toolbar/Toolbar.tsx b/src/components/toolbar/Toolbar.tsx
@@ -254,16 +254,18 @@ Toolbar.PopoverItem = function ToolbarPopoverItem(
       `}
       targetProps={{
         style: {
-          position: 'relative',
           fontSize: '1.125em',
           width: 'fit-content',
           height: 'fit-content',
         },
       }}
+      renderTarget={({ isOpen, className, ...targetProps }) => (
+        <span {...targetProps} style={{ flex: '0 0 auto' }}>
+          <Toolbar.Item isPopover {...itemProps} />
+        </span>
+      )}
       {...other}
-    >
-      <Toolbar.Item isPopover {...itemProps} />
-    </Popover>
+    />
   );
 };