Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

[drawer] Default <Radio.Root> span gets ignored within <Drawer> #5286

Copy link
Copy link

Description

@ryanleichty
Issue body actions

Docs feedback

How can we improve Base UI documentation?

I ran into a scenario where I'm using the Radio component inside of a Drawer and I couldn't click on the radio buttons. A good number of tokens later and my agents realized it was related to the swipe behavior of the Drawer not ignoring the default <span> elements used. Swapping the default rendering element to a button fixed it.

// useSwipeDismiss.ts

const DEFAULT_IGNORE_SELECTOR = 'button,a,input,select,textarea,label,[role="button"]';

I'm probably dumb and just didn't think to check there first, but might be worthwhile to call this out somewhere perhaps

Reactions are currently unavailable

Metadata

Metadata

Assignees

No one assigned

    Labels

    component: drawerChanges related to the drawer component.Changes related to the drawer component.has workaroundThere’s a bug, but users have a complete workaround, so no urgent fix or release is needed.There’s a bug, but users have a complete workaround, so no urgent fix or release is needed.type: bugIt doesn't behave as expected.It doesn't behave as expected.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions

    Morty Proxy This is a proxified and sanitized view of the page, visit original site.