vuetify icon indicating copy to clipboard operation
vuetify copied to clipboard

[Feature Request] VTextField ability to disable size="1"

Open jakeflorentine opened this issue 9 months ago • 5 comments

Problem to solve

The current application of size="1" to the VTextField does not allow for the VTextField to auto-grow inside of a v-col with the auto prop on it. This is different behavior from Vue2. It would be nice to have the ability to have the previous functionality optionally.

Proposed solution

add an "autoGrow" prop to VTextField which optionally sets size to null instead of 1

jakeflorentine avatar May 15 '24 18:05 jakeflorentine

image

jakeflorentine avatar May 15 '24 18:05 jakeflorentine

https://play.vuetifyjs.com/#eNqtUz1PwzAQ/SuHl4BEyF6lSFUZmFgYGAiDSS4l0sW27HNBVP3vnB2+hBBQkcGW78Pv3T2fb3cq+LZaOXe2jagWqmYcHWnG88YA1NtSO5eP2fD2ETo0YYq+OltLICssG6Uj20a9B3OY8YnLfkDqgPQ9kqRdYK8jMZSwkguwttQoqD4wqwz6heMA1Cubgf8AemDhb+XC9fCMsH7QZoOd0CyC2BI3kX5qJVki4f/0TL7WyiMh45yK/oI7j6bfksyoajpPE1tXnyZZzND6wTEE5DgN9DA66xl24LGHPfTejlDIJyhSOkgTJjCMYQPLlHFcXCKRhRvrqTsqThLBBClgan+aaszb3QuvgwTM

jakeflorentine avatar May 15 '24 18:05 jakeflorentine

Although we could look into the possibility of removing default size={ 1 }, the best practice of using v-col is really explicitly define columns as opposed to allowing every column to auto-grow. The latter results in very fragile layout outcome which would be impacted by many other factors.

yuwu9145 avatar May 16 '24 12:05 yuwu9145

The goal here would not be to remove size=1, rather, to provide a prop to VTextField allowing the size to be nullified. This keeps default behavior, yet provides ease in migration from Vue 2.

jakeflorentine avatar May 16 '24 12:05 jakeflorentine