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.6.10] VTextArea does not work correctly with both auto-grow and v-model.trim #20036

Open
hermes85pl opened this issue Jun 21, 2024 · 0 comments

Comments

@hermes85pl
Copy link

Environment

Vuetify Version: 3.6.10
Vue Version: 3.4.29
Browsers: Edge 126.0.0.0
OS: Windows 10

Steps to reproduce

Place the cursor in the field, at the end of the text, and hit multiple times.

Expected Behavior

The field should auto-grow, as configured.

Actual Behavior

There is a scrollbar and ugly looks, and the size of the field stays the same.

Reproduction Link

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

Other comments

The .trim modifier for v-model is a basic Vue feature and pattern that is important for applying best practices to forms and naturally it is expected to work, and should work also with Vuetify. And it does work correctly if auto-grow is not used. The auto-grow feature is great and it is a huge bummer that one cannot use it when caring about correctness of input data and applying best practices to forms.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant