fix(ui): drawer bar overlapping close button

[NathanBrodin]

Hi, when showBar and showCloseButton are both enabled, the bar renders on top of the close button and blocks clicks.

before.mp4

I swaped the order so the close button renders last, and added pointer-events-none to DrawerBar since it's decorative (aria-hidden).

after.mp4

I hope this HUGE PR will not be an issue! Love your work!

[vercel]

@NathanBrodin is attempting to deploy a commit to the cal Team on Vercel.

A member of the Team first needs to authorize it.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment

Project	Deployment	Actions	Updated
coss-com-origin	Skipped		Sep 10, 2026 12:51pm UTC

[pasqualevitiello]

Thanks for catching this, and for the before/after videos — the overlap is real when showBar and showCloseButton are both enabled.

We're going with a smaller fix: z-1 on the close button so it stacks above the bar. Reordering the DOM and adding pointer-events-none on DrawerBar would unblock clicks, but the bar is the drag affordance (touch-none), so it should keep receiving pointer events. aria-hidden only hides it from assistive tech, not from hit-testing.

Closing this in favor of #851.