fix budget tooltip showing if panel is not collapsed (#2887)

packages/desktop-client/src/components/budget/rollover/budgetsummary/BudgetSummary.tsx

@@ -200,6 +200,7 @@ export function BudgetSummary({ month }: BudgetSummaryProps) {
               prevMonthName={prevMonthName}
               month={month}
               onBudgetAction={onBudgetAction}
+              isCollapsed
             />
           </View>
         ) : (

packages/desktop-client/src/components/budget/rollover/budgetsummary/ToBudget.tsx

@@ -19,6 +19,7 @@ type ToBudgetProps = {
   prevMonthName: string;
   style?: CSSProperties;
   amountStyle?: CSSProperties;
+  isCollapsed?: boolean;
 };
 export function ToBudget({
   month,
@@ -26,6 +27,7 @@ export function ToBudget({
   onBudgetAction,
   style,
   amountStyle,
+  isCollapsed = false,
 }: ToBudgetProps) {
   const [menuOpen, setMenuOpen] = useState<string | null>(null);
   const triggerRef = useRef(null);
@@ -34,6 +36,7 @@ export function ToBudget({
     value: 0,
   });
   const availableValue = parseInt(sheetValue);
+  const isMenuOpen = Boolean(menuOpen);
 
   return (
     <>
@@ -43,13 +46,14 @@ export function ToBudget({
           prevMonthName={prevMonthName}
           style={style}
           amountStyle={amountStyle}
+          isTotalsListTooltipDisabled={!isCollapsed || isMenuOpen}
         />
       </View>
 
       <Popover
         triggerRef={triggerRef}
         placement="bottom"
-        isOpen={!!menuOpen}
+        isOpen={isMenuOpen}
         onOpenChange={() => setMenuOpen(null)}
         style={{ width: 200 }}
       >

packages/desktop-client/src/components/budget/rollover/budgetsummary/ToBudgetAmount.tsx

@@ -20,6 +20,7 @@ type ToBudgetAmountProps = {
   style?: CSSProperties;
   amountStyle?: CSSProperties;
   onClick: () => void;
+  isTotalsListTooltipDisabled?: boolean;
 };
 
 export function ToBudgetAmount({
@@ -27,6 +28,7 @@ export function ToBudgetAmount({
   style,
   amountStyle,
   onClick,
+  isTotalsListTooltipDisabled = false,
 }: ToBudgetAmountProps) {
   const sheetName = useSheetName(rolloverBudget.toBudget);
   const sheetValue = useSheetValue({
@@ -52,7 +54,8 @@ export function ToBudgetAmount({
             />
           }
           placement="bottom"
-          triggerProps={{ delay: 0 }}
+          offset={3}
+          triggerProps={{ isDisabled: isTotalsListTooltipDisabled }}
         >
           <PrivacyFilter blurIntensity={7}>
             <Block

upcoming-release-notes/2887.md

+---
+category: Bugfix
+authors: [MatissJanis]
+---
+
+Fix budget tooltip showing on hover if the panel is not collapsed (the tooltip should show only if panel is collapsed).