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.3.13] v-text-field type="date" different heigth others input #18087

Open
Zorf87 opened this issue Aug 18, 2023 · 1 comment
Open
Assignees
Labels
C: VTextField VTextField T: bug Functionality that does not work as intended/expected

Comments

@Zorf87
Copy link

Zorf87 commented Aug 18, 2023

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/#...

@Zorf87 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 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
@yuwu9145 yuwu9145 added T: bug Functionality that does not work as intended/expected C: VTextField VTextField and removed S: triage labels Aug 19, 2023
@yuwu9145 yuwu9145 self-assigned this Aug 19, 2023
@Maxim-Mazurok
Copy link
Contributor

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
C: VTextField VTextField T: bug Functionality that does not work as intended/expected
Projects
None yet
Development

No branches or pull requests

3 participants