xmj/element-call
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Disable overflow menu on state styling

Browse source
This commit is contained in:
Robert Long 2021-12-13 15:36:35 -08:00
parent 1d35c45d5a
commit 2466f25d9f
2 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/OverflowMenu.jsx
View file

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

3
src/PopoverMenu.jsx
View file

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