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.6.14] Text-field outlined not rounded when label is too long #20305

Closed
AnatoleDerrien opened this issue Aug 9, 2024 · 0 comments · Fixed by #20349
Closed

[Bug Report][3.6.14] Text-field outlined not rounded when label is too long #20305

AnatoleDerrien opened this issue Aug 9, 2024 · 0 comments · Fixed by #20349
Labels
C: VField T: bug Functionality that does not work as intended/expected
Milestone

Comments

@AnatoleDerrien
Copy link

Environment

Vuetify Version: 3.6.14
Vue Version: 3.4.37
Browsers: Chrome 127.0.0.0
OS: Linux x86_64

Steps to reproduce

Create a text field with the variant outlined, put any border radius or rounded props and a long label.
The end of the text field wont be rounded, and the text field will be bigger than the max-width set.
The issue seem to come from the div with the class "v-field__outline"

Expected Behavior

v-text-field, rounded with a max width.

Actual Behavior

v-text-field, not fully rounded and being larger than the set max width

Reproduction Link

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

@yuwu9145 yuwu9145 self-assigned this Aug 9, 2024
@yuwu9145 yuwu9145 added T: bug Functionality that does not work as intended/expected C: VField and removed S: triage labels Aug 9, 2024
sakiadachi added a commit to sakiadachi/vuetify that referenced this issue Aug 16, 2024
sakiadachi added a commit to sakiadachi/vuetify that referenced this issue Aug 16, 2024
@johnleider johnleider added this to the v3.7.x milestone Jan 24, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
C: VField T: bug Functionality that does not work as intended/expected
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants