Skip to content
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

RadioGroup orientation not working #3122

Open
nickb-WaPo opened this issue Sep 16, 2024 · 0 comments
Open

RadioGroup orientation not working #3122

nickb-WaPo opened this issue Sep 16, 2024 · 0 comments

Comments

@nickb-WaPo
Copy link

Bug report

Current Behavior

When changing the orientation Prop it does not change the actual orientation from vertical to horizontal. Not even in the demo provided. RadioGroup demo

Screenshot 2024-09-16 at 12 22 30 PM

Expected behavior

When changing orientation of the component that it changes the orientation of the RadioGroupItems. My example is not pretty but my quick (unfinished styled) solution is to add a flex-direction to the RadioGroup.Root

Screenshot 2024-09-16 at 12 29 36 PM

Reproducible example

RadioGroup demo

Suggested solution

Yes this should be solved and I think its not hard but runs the risk of the component having opinionated styling

Additional context

Your environment

Software Name(s) Version
"@radix-ui/react-radio-group": "^1.2.0",
"react": "18.2.0",
Browser All of them
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant