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.

Sign up for GitHub

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

Jump to bottom

[Bug Report][3.4.0] TextField "underlined" hint is not aligned #18671

Closed
tawago opened this issue Nov 13, 2023 · 1 comment · Fixed by #18696
Closed

[Bug Report][3.4.0] TextField "underlined" hint is not aligned #18671

tawago opened this issue Nov 13, 2023 · 1 comment · Fixed by #18696
Assignees
@yuwu9145
Labels
C: VInput T: bug Functionality that does not work as intended/expected T: regression Something that used to work but we broke
Milestone
v3.4.x

Comments

@tawago
Copy link

tawago commented Nov 13, 2023

Environment

Vuetify Version: 3.4.0
Last working version: 3.3.23
Vue Version: 3.3.7
Browsers: Chrome 115.0.0.0
OS: Mac OS 10.15.7

Screenshot 2023-11-13 at 6 18 05 PM

Steps to reproduce

Use variant="underlined" to see that hint is not aligned with the input text

Expected Behavior

Hint is aligned with the input text and label

Actual Behavior

not aligned

Reproduction Link

https://play.vuetifyjs.com/#...
@yuwu9145 yuwu9145 self-assigned this Nov 13, 2023
@yuwu9145 yuwu9145 added T: bug Functionality that does not work as intended/expected C: VInput and removed S: triage labels Nov 13, 2023
@KaelWD KaelWD added the T: regression Something that used to work but we broke label Nov 13, 2023
@KaelWD KaelWD added this to the v3.4.x milestone Nov 13, 2023
@tawago
Copy link
Author

tawago commented Nov 14, 2023

@yuwu9145 I just noticed v-select:"outlined" also has the same issue. which probably implies v-autocomplete as well as any other possible components with the "outlined" variant

Screenshot 2023-11-14 at 4 17 45 PM

https://play.vuetifyjs.com/#eNpVkMEKwjAQRH8l7KUXTQUFQaoggn6Aggf1sLZrDaRJSGOriP9umlpaT5m8WYadPb2htGm8NoZXD4IFJI4KI9HR6qwYS6oxGhNk+KRaORSK7A8FWJKk1HWAMYlXkssz7FsOvbMQPr301inaoBQ3bZXAaMSijZbaYqYbvfVSZAHvSNu8nTjQE8tGHF+6ECqPLsPgCq1A5XzyQ2VkpV8xG/p3Ecy6rrnP8QWJp7qIDebUj62SuCvTNfbgv3JD2osk8eBS8BnBlE/5HJp3xidw+QJ4mWm2

yuwu9145 added a commit that referenced this issue Nov 16, 2023
@yuwu9145
fix(VTextField): hide v-input__details for underlined variant
588d3c2 
fixes #18671
@yuwu9145 yuwu9145 mentioned this issue Nov 16, 2023
Merged
johnleider pushed a commit that referenced this issue Nov 27, 2023
@yuwu9145
fix(VTextField): hide v-input__details for underlined variant (#18696)
cd6820c 
fixes #18671
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@yuwu9145 yuwu9145

Labels
C: VInput T: bug Functionality that does not work as intended/expected T: regression Something that used to work but we broke
Projects
None yet
Milestone
v3.4.x
Development

Successfully merging a pull request may close this issue.

fix(VTextField): hide v-input__details for underlined variant vuetifyjs/vuetify
3 participants
@yuwu9145 @tawago @KaelWD