Vuetify: [Feature Request] Hide details on inputs unless there are details to show

Created on 7 Jun 2019  路  4Comments  路  Source: vuetifyjs/vuetify

Problem to solve

Vuetify inputs have space reserved under them for showing errors and hints. This adds to the problem of large forms having too much white space as mentioned in #1846. Using hide-details will remove this extra space, but it also hides any hint text or validation errors. I want to remove that space unless there is a hint or error that needs to be displayed.

Proposed solution

A new prop, maybe conditional-details or auto-details, that will hide the white space unless a hint or error is showing.

VTextField has PR enhancement

Most helpful comment

maybe hide-details="auto"?

All 4 comments

maybe hide-details="auto"?

That might lead to unwanted jumping of elements as space is hidden/shown

It will, but I wouldn't call it 'unwanted'

Was this page helpful?
0 / 5 - 0 ratings

Related issues

aaronjpitts picture aaronjpitts  路  3Comments

itanka9 picture itanka9  路  3Comments

Antway picture Antway  路  3Comments

alterhu2020 picture alterhu2020  路  3Comments

Webifi picture Webifi  路  3Comments