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

smousa picture smousa  路  3Comments

milleraa picture milleraa  路  3Comments

paladin2005 picture paladin2005  路  3Comments

SteffenDE picture SteffenDE  路  3Comments

Antway picture Antway  路  3Comments