PopoverAnchor should take precedence over PopoverDisclosure

[bengry]

Current behavior

It seems like the <PopoverAnchor> component is not working as expected - seems like Ariakit is ignoring it completely.

Steps to reproduce the bug

1. Open https://stackblitz.com/edit/vitejs-vite-1vpcyg?file=src%2FApp.tsx
2. Click the "Accept Invite" button.

Expected behavior

The popover should appear next to the "Different anchor" element, NOT the "Accept Invite" button.

Workaround

Manually saving a ref to PopoverAnchor and using that in getAnchorRect:

<Ariakit.Popover getAnchorRect={() => anchorRef.current?.getBoundingClientRect() ?? null}>
  ...
</Ariakit.Popover>

Possible solutions

No response

[diegohaz]

This is because PopoverDisclosure already implements PopoverAnchor underneath and it's taking precedence.

Though I agree in this case PopoverAnchor, when used together with PopoverDisclosure, should always take precedence.

[bengry]

This is because PopoverDisclosure already implements PopoverAnchor underneath and it's taking precedence.

Though I agree in this case PopoverAnchor, when used together with PopoverDisclosure, should always take precedence.

So basically (right now) if you use <PopoverAnchor> you have to connect the store to the trigger manually, or is there another way? Getting the aria attributes etc. ([aria-expanded], [aria-haspopup], etc.) is still relevant for the trigger, even if it's not related to where the popover will be placed at the time.

[diegohaz]

I'd say using getAnchorRect on Popover is a better solution for now.