[bug] Extended Toolbar dropdowns fade before they can be clicked

[drfarrell]

Describe the bug

When the toolbar is condensed and a dropdown is clicked, the dropdown fades away because the extended toolbar it came from fades away

[ZenticaDev]

Thanks for reporting this — I’ve been able to reproduce the issue consistently.

Problem:
When the toolbar is condensed, clicking on a dropdown item like Albert Sans or Light causes the extended toolbar (and its dropdown) to fade away before the user can interact with it. This seems to be a focus/blur or event propagation issue, where the toolbar unmounts as soon as the dropdown is clicked.

Expected Behavior:
Clicking a dropdown should preserve the visibility of the extended toolbar and allow interaction with nested dropdown options.

Suggested Fixes:

• Use onPointerDown instead of onClick for dropdown buttons to ensure pointer event registers before focus shifts.
• Defer the teardown logic using requestAnimationFrame or setTimeout to let nested dropdowns mount before the toolbar closes.
• In the blur or dismiss logic, check if event.relatedTarget is still within the toolbar or dropdown container before triggering close.
• (Optional) Use a focus scope or interaction manager (FocusScope, etc.) to keep toolbar open when focus moves within it.