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 Layout Issues for Required Autocomplete, Textarea, and Input Components #2780

Closed
mrbadri opened this issue Apr 18, 2024 · 1 comment · Fixed by #2781
Closed
Labels
🎨 Scope : Themes / Styles Related to the themes or styles 🐛 Type: Bug Something isn't working

Comments

@mrbadri
Copy link
Contributor

mrbadri commented Apr 18, 2024

NextUI Version

2.3.2

Describe the bug

In RTL layout, the label margins for required Autocomplete, Textarea, and Input components are incorrect, leading to layout issues.


LRT direction:

image


RTL direction

image

you can observe here

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

  1. Set the direction of the page or component to RTL.
  2. Add an Autocomplete, Textarea, or Input component with the "required" property.
  3. Observe the incorrect margin of the labels.

Expected behavior

The labels for the Autocomplete, Textarea, and Input components should be properly positioned, maintaining consistent spacing and alignment with the input fields, regardless of the text direction (RTL or LTR).

image

Screenshots or Videos

No response

Operating System Version

All

Browser

Chrome

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🎨 Scope : Themes / Styles Related to the themes or styles 🐛 Type: Bug Something isn't working
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants