-
Notifications
You must be signed in to change notification settings - Fork 148
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
TextField align right, (on rtl direction) result in no padding. #435
Comments
There’s a couple good reasons for why we use text-indent, but I agree that there should be a first-class way to do right-aligned input fields; center-aligned too. We'll look into it at some point. For now feel free to use inline style overrides to achieve that. |
Pretty sure that one is intentional @vladmoroz right? |
That's intentional – what the problem here? |
Oh sorry, I always thought there should be padding on both sides. I get that having padding on both sides looks nicer, but maybe the lack of padding could serve as a visual clue that the text is overflowing, right? |
Use-case
In some use-case, it's a good idea to align number in text field to right, so it would be easy to compared with other fields.
Actual Result
Using
text-align: right
Result in no padding.
Using
direction: ltr
It does display number with padding but the cursor behavior is incorrect, cursor will goes right when pressing left arrow.
Desire result
Without changing the direction, it would be nice to have a way to properly align text right.
Cause
Since radix using
text-indent
for the padding. It only works with the direction of the text.Fix ??
Changing
text-indent
topadding-left
andpadding-right
seems to solve the problems.The text was updated successfully, but these errors were encountered: