[Bug Report][3.5.16] VTextField density of button icon

vuetifyjs / vuetify

🐉 Vue Component Framework

https://vuetifyjs.com

MIT License

39.06k stars 6.91k forks source link

Closed kieuminhcanh closed 2 weeks ago

kieuminhcanh commented 2 weeks ago

Vuetify Version: 3.5.16 Vue Version: 3.4.23 Browsers: Chrome 124.0.0.0 OS: Windows 10

It's look like the VTextField's height is different if we have a Button Icon in templates.

The "density" should be the same for VTextField and Button Icon

The height is different when Button Icon in template

yuwu9145 commented 2 weeks ago

It's because default density icon v-btn height 48px exceeds compact text-field height 40px.

V-btn can have density="compact" applied, just like the second one does in playground