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 Report][3.1.3] Invalid style of components using 'tools.{ltr,rtl}()' without locale set #16586

Closed
damiankoper opened this issue Feb 3, 2023 · 0 comments · Fixed by #17518
Assignees
Labels
framework Issues and Feature Requests that have needs framework-wide. rtl T: bug Functionality that does not work as intended/expected
Milestone

Comments

@damiankoper
Copy link
Contributor

Environment

Vuetify Version: 3.1.3
Vue Version: 3.2.47
Browsers: Chrome 109.0.0.0
OS: Linux x86_64

Steps to reproduce

Since VApp is now optional I assume that most components can exist without wrappers. An example of that is VTextField. When variant=outlined this component should have its border-radius set to divs with classes v-field__outline__{start, end}. But this style depends on locale (selector .v-locale--is-{rtl,ltr}. When component is not wrapped in VApp or VLocaleProvider these classes are not set and corners are not rounded.

Expected Behavior

Style defaults to ltr when no locale wrapper set

Actual Behavior

No classes applied when no locale wrapper set

Reproduction Link

https://play.vuetifyjs.com/#...

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
framework Issues and Feature Requests that have needs framework-wide. rtl T: bug Functionality that does not work as intended/expected
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants