From bcc1d702399e18f067ffed8ef47feef2af486442 Mon Sep 17 00:00:00 2001 From: makhnatkin Date: Tue, 2 Sep 2025 10:56:41 +0200 Subject: [PATCH] fix(toolbar): hide tooltip when menu open to prevent overlap --- src/toolbar/ToolbarButtonPopup.tsx | 4 +++- src/toolbar/ToolbarListButton.tsx | 2 +- 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/src/toolbar/ToolbarButtonPopup.tsx b/src/toolbar/ToolbarButtonPopup.tsx index 3e0dc2a5a..617e0ed87 100644 --- a/src/toolbar/ToolbarButtonPopup.tsx +++ b/src/toolbar/ToolbarButtonPopup.tsx @@ -6,7 +6,8 @@ import type {ToolbarBaseProps, ToolbarButtonPopupData} from './types'; export type ToolbarButtonPopupProps = ToolbarBaseProps & ToolbarButtonPopupData; export function ToolbarButtonPopup(props: ToolbarButtonPopupProps) { - const {className, editor, isActive, isEnable, renderPopup, ...buttonProps} = props; + const {className, editor, isActive, isEnable, renderPopup, disableTooltip, ...buttonProps} = + props; const [anchorElement, setAnchorElement] = useElementState(); const [isOpen, , close, toggle] = useBooleanState(false); @@ -23,6 +24,7 @@ export function ToolbarButtonPopup(props: ToolbarButtonPopupProps) { enabled={enabled} className={className} onClick={toggle} + disableTooltip={disableTooltip || isOpen} /> {isOpen && renderPopup({ diff --git a/src/toolbar/ToolbarListButton.tsx b/src/toolbar/ToolbarListButton.tsx index d84aa23be..770a2d6f1 100644 --- a/src/toolbar/ToolbarListButton.tsx +++ b/src/toolbar/ToolbarListButton.tsx @@ -90,7 +90,7 @@ export function ToolbarListButton({ if (popupItem) setPopupItem(undefined); else toggleOpen(); }} - disableTooltip={disableTooltip} + disableTooltip={disableTooltip || popupOpen} > {buttonContent}