[Popover] Component and Hook

[atomiks]

• I have followed (at least) the PR section of the contributing guide.

Preview: https://deploy-preview-381--base-ui.netlify.app/base-ui/react-popover/

Closes #35

• Tests
• Documentation

[mui-bot]

Netlify deploy preview

https://deploy-preview-381--base-ui.netlify.app/

Generated by 🚫 dangerJS against 9ed3563

[colmtuite]

@atomiks

• It doesn’t trap focus. Why not?
• I think the delayType prop should default to hover because I think that is the expected behaviour for most people.
• I think the default delay for openOnHover is too short, especially if we change the delayType prop default to hover. 500ms would be much better imo.

[atomiks]

It doesn’t trap focus. Why not?

Popovers are non-modal elements that don't trap focus by default. They don't have a backdrop and don't make things inert behind them. They do manoeuvre focus to the correct tabbable elements in the DOM tree however when tabbing or moving through elements with the virtual cursor.

I think the delayType prop should default to hover because I think that is the expected behaviour for most people.

This one is pretty subjective and I think we should match whatever Tooltip does - as mentioned earlier, the rest type has intentionality benefits especially when the delay is very short to prevent it from opening when the cursor is gliding across the UI with no intention to interact with the popover's trigger.

I think the default delay for openOnHover is too short, especially if we change the delayType prop default to hover. 500ms would be much better imo.

Unlike tooltips whose trigger performs an action unrelated to the tooltip, the delay seems like it should be be much shorter to show the popover quickly on hover, as its trigger's only purpose is to open the popover itself?

[colmtuite]

@atomiks Decisions made after a chat:

• Default both Tooltip and Popover to 500ms delay with delayType=“rest”
• Keep Backdrop
• Add Description
• Keep Close
• Remove cursor following from Popover. Keep it for Tooltip