search

vuetifyjs / vuetify

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

[Bug Report][3.6.14] Text field type number has value visually clipped after more than 2 digits #20330

Open JeffersonBledsoe opened 3 months ago

JeffersonBledsoe commented 3 months ago

Environment

Vuetify Version: 3.6.14 Vue Version: 3.4.37 Browsers: Mozilla Firefox, Google Chrome OS: Mac OS 10.15.7

Steps to reproduce

  1. Follow the instructions to create a range slider
  2. Set one of the values of the range to a number with 3 or more digits

Expected Behavior

You can see the full value

Actual Behavior

The number input increment/ decrement buttons clip the value, causing it to not be visible

Reproduction Link

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

Reproduction video

https://github.com/user-attachments/assets/84c95674-d31d-4b80-80fd-a89e34df6fd3

b-maslennikov commented 3 months ago

it's more likely range slider slots problem try using v-row/v-col as a temporary solution