diff --git a/packages/@react-aria/tooltip/src/useTooltipTrigger.ts b/packages/@react-aria/tooltip/src/useTooltipTrigger.ts index 0fd11033328..d45e3aaeb9e 100644 --- a/packages/@react-aria/tooltip/src/useTooltipTrigger.ts +++ b/packages/@react-aria/tooltip/src/useTooltipTrigger.ts @@ -132,7 +132,7 @@ export function useTooltipTrigger(props: TooltipTriggerProps, state: TooltipTrig return { triggerProps: { - 'aria-describedby': state.open ? tooltipId : undefined, + 'aria-describedby': state.isOpen ? tooltipId : undefined, ...mergeProps(focusableProps, hoverProps, pressProps) }, tooltipProps: { diff --git a/packages/@react-spectrum/tooltip/test/TooltipTrigger.test.js b/packages/@react-spectrum/tooltip/test/TooltipTrigger.test.js index 79f911c2752..82f0ef3f98b 100644 --- a/packages/@react-spectrum/tooltip/test/TooltipTrigger.test.js +++ b/packages/@react-spectrum/tooltip/test/TooltipTrigger.test.js @@ -831,11 +831,13 @@ describe('TooltipTrigger', function () { ); fireEvent.mouseMove(document.body); let button = getByLabelText('trigger'); + expect(button).not.toHaveAttribute('aria-describedBy'); fireEvent.mouseEnter(button); fireEvent.mouseMove(button); let tooltip = getByRole('tooltip'); expect(button).toHaveAttribute('aria-describedBy', tooltip.id); fireEvent.mouseLeave(button); + expect(button).not.toHaveAttribute('aria-describedBy'); }); }); });