Skip to content

Select: Select.Value shows SVG description #1942

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
OliverJAsh opened this issue May 19, 2025 · 1 comment · May be fixed by #1943
Open

Select: Select.Value shows SVG description #1942

OliverJAsh opened this issue May 19, 2025 · 1 comment · May be fixed by #1943

Comments

@OliverJAsh
Copy link

Bug report

Current behavior

When:

  • Composing Select.Item with React Router's Link
  • Using desc for SVG within Select.ItemIndicator

Select.Value shows the SVG desc:

Screen.Recording.2025-05-19.at.19.39.36.mov

Expected behavior

Select.Value does not show the SVG desc.

Reproducible example

https://codesandbox.io/p/sandbox/wonderful-banzai-83wrmg

Base UI version

1.0.0-alpha.8

Which browser are you using?

Chrome

Which OS are you using?

Mac OS

Which assistive tech are you using (if applicable)?

N/A

Additional context

For context on why we are trying to use Link with Select, I am trying to implement this:

Screen.Recording.2025-05-19.at.19.42.08.mov
@OliverJAsh OliverJAsh added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label May 19, 2025
@atomiks atomiks added component: select type: bug Something doesn't work has workaround and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels May 20, 2025
@atomiks
Copy link
Contributor

atomiks commented May 20, 2025

As a workaround, a custom label on the Select.Item will get used instead (but needs to be specified on each one). This could be fixed by reading the .textContent of Select.ItemText instead of the whole Select.Item

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: No status
Development

Successfully merging a pull request may close this issue.

2 participants