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

Bug: RTL Select has wrong padding #1275

Closed
Omer-Shahar opened this issue Oct 23, 2022 · 1 comment
Closed

Bug: RTL Select has wrong padding #1275

Omer-Shahar opened this issue Oct 23, 2022 · 1 comment

Comments

@Omer-Shahar
Copy link

When adding a select element in RTL mode, the padding does not change accordingly:
image

<select className="select-bordered select select-xs w-full max-w-xs">
    <option>דוגמה לבעיה בעיצוב האלמנט</option>
</select>

The problem is in this file.
pl-[] and pr-[] should be replaced with padding-inline-start and padding-inline-end.
An even better option would be to add the tailwind classes pis-[] and pie-[] (or some other name, as suggested here), as they are necessary for a bidirectional UI.

@saadeghi
Copy link
Owner

Fixed in 2.34.0
Thank you!

inorganik pushed a commit to inorganik/daisyui that referenced this issue Feb 7, 2023
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

2 participants