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] RadioGroup in form causes page to overflow in RTL layout #3216

Open
lesha1201 opened this issue Nov 7, 2024 · 0 comments
Open

Comments

@lesha1201
Copy link
Contributor

Bug report

Current Behavior

When rendered in form, it appends invisible input element and uses translateX(-100%) to position it (source code). In LTR layout it works fine and doesn't cause an overflow. But in RTL layout it still uses translateX(-100%) and in this case it might cause an overflow, for example, when implementing Radio cards for mobile screens (column layout).

image

Expected behavior

It shouldn't cause page to overflow in RTL layouts.

Reproducible example

https://codesandbox.io/p/sandbox/infallible-sanne-p8j259?workspaceId=f1f4287f-0b3c-4661-ab9f-cb390c12469e

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