Skip to content

USelect and UInputMenu don't support RTL language. #3538

@ArbazIrshad

Description

@ArbazIrshad

Environment

  • Operating System: Darwin
  • Node Version: v22.9.0
  • Nuxt Version: 3.16.0
  • CLI Version: 3.22.5
  • Nitro Version: 2.11.6
  • Package Manager: [email protected]
  • Builder: -
  • User Config: devtools, modules, i18n, ssr, runtimeConfig, app, css, vite, compatibilityDate
  • Runtime Modules: @nuxtjs/[email protected], @nuxt/[email protected]
  • Build Modules: -

Is this bug related to Nuxt or Vue?

Nuxt

Version

3.0.0-beta.4

Reproduction

Use any RTL language with USelect and UInputMenu component.

Description

Currently, both USelect and UInput Menu don't support rtl direction. The placeholder should be on the right side and the icon on the left side of the field.

In USelect, you can see that even the dropdown is not properly aligned according to language.

Image

While the popover label are aligned properly for UInputMenu, the placeholder and arrow is still not in proper direction.
Image

Same with these tags components, it's direction should be reversed too.
Image

Additional context

No response

Logs

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingv3#1289

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions