search

vuetifyjs / vuetify

🐉 Vue Component Framework
https://vuetifyjs.com
MIT License
39.4k stars 6.94k forks source link

[Bug Report][3.6.9] v-date-input's width doesn't size correctly when specifying percentage #19995

Open EDM115 opened 1 month ago

EDM115 commented 1 month ago

Environment

Vuetify Version: 3.6.9 Vue Version: 3.4.27 Browsers: Chrome 127.0.6523.4 OS: Windows 11 23H2

Steps to reproduce

  1. Use a v-date-input component
  2. Specify the max-width as a percentage
  3. Notice that the inner v-date-picker width is also affected

Expected Behavior

Only the v-text-field's width should be affected

Actual Behavior

All subcomponents of v-date-input are resized

Reproduction Link

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

EDM115 commented 1 month ago

Note : using em works, the issue only lies with percentages