From 2466f25d9f00a7ad8ffb01e6ea462e298bda4610 Mon Sep 17 00:00:00 2001
From: Robert Long <robert@robertlong.me>
Date: Mon, 13 Dec 2021 15:36:35 -0800
Subject: [PATCH] Disable overflow menu on state styling

---
 src/OverflowMenu.jsx | 2 +-
 src/PopoverMenu.jsx  | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/OverflowMenu.jsx b/src/OverflowMenu.jsx
index 55e095b..94a5a6c 100644
--- a/src/OverflowMenu.jsx
+++ b/src/OverflowMenu.jsx
@@ -36,7 +36,7 @@ export function OverflowMenu({
 
   return (
     <>
-      <PopoverMenuTrigger>
+      <PopoverMenuTrigger disableOnState>
         <Button variant="toolbar">
           <ButtonTooltip>More</ButtonTooltip>
           <OverflowIcon />
diff --git a/src/PopoverMenu.jsx b/src/PopoverMenu.jsx
index e758038..d355731 100644
--- a/src/PopoverMenu.jsx
+++ b/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 && (