You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Zorf87
changed the title
[Bug Report][3.3.9] [Bug Report][3.3.9] v-text-field type="date" different heigth others input
[Bug Report][3.3.13] [Bug Report][3.3.9] v-text-field type="date" different heigth others input
Aug 18, 2023
Zorf87
changed the title
[Bug Report][3.3.13] [Bug Report][3.3.9] v-text-field type="date" different heigth others input
[Bug Report][3.3.13] v-text-field type="date" different heigth others input
Aug 18, 2023
Looks like in Chrome with default styles, regular text input has a height of 15.333px and 1px padding at the top and the bottom. While date input doesn't have this padding, but has a height of 17.333px.
So yeah, I guess it's either Chrome's bug, or Vuetify has to account for it.
As a fix it's probably best to add 1px extra vertical padding on top and bottom for non-date inputs.
Environment
Vuetify Version: 3.3.13
Vue Version: 3.2.13
Browsers: Chrome 116.0.0.0
OS: Windows 10
Steps to reproduce
Just line up the various inputs
Expected Behavior
All inputs must have the same height
Actual Behavior
v-text-field type="date" has 2px more height
Reproduction Link
https://play.vuetifyjs.com/#...
The text was updated successfully, but these errors were encountered: