Disable overflow menu on state styling

src/OverflowMenu.jsx

@@ -36,7 +36,7 @@ export function OverflowMenu({
 
   return (
     <>
-      <PopoverMenuTrigger>
+      <PopoverMenuTrigger disableOnState>
         <Button variant="toolbar">
           <ButtonTooltip>More</ButtonTooltip>
           <OverflowIcon />

src/PopoverMenu.jsx

@@ -10,6 +10,7 @@ export function PopoverMenuTrigger({
   children,
   placement,
   className,
+  disableOnState,
   ...rest
 }) {
   const popoverMenuState = useMenuTriggerState(rest);
@@ -47,7 +48,7 @@ export function PopoverMenuTrigger({
       <popoverTrigger.type
         {...popoverTrigger.props}
         {...menuTriggerProps}
-        on={popoverMenuState.isOpen}
+        on={!disableOnState && popoverMenuState.isOpen}
         ref={buttonRef}
       />
       {popoverMenuState.isOpen && (