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.9] V-input with counter and hide-details='auto' Fails to Fully Hide Details #19998

Open
Yanis-Riani opened this issue Jun 12, 2024 · 0 comments

Comments

@Yanis-Riani
Copy link

Environment

Vuetify Version: 3.6.9
Vue Version: 3.4.27
Browsers: Chrome 125.0.0.0
OS: Windows 10

Steps to reproduce

N/A

Expected Behavior

When using v-input with the hide-details prop set to auto and counter enabled, the details section should automatically hide if there is nothing to display. This means that if the input meets all validation criteria or there are no errors or additional messages to show, the details area should remain collapsed, preventing any unnecessary space or blank areas under the input field.

Actual Behavior

Despite the hide-details prop being set to auto, the v-input details section remains persistently visible when the counter is enabled. This results in a persistent blank space underneath the input field even when there are no messages or errors to display.

Reproduction Link

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

@Yanis-Riani Yanis-Riani changed the title [Bug Report][3.6.9] V-inputs counter with hide-details auto don't fully hide details [Bug Report][3.6.9] V-input with counter and hide-details='auto' Fails to Fully Hide Details Jun 14, 2024
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