Quasar: Floating label won't float if input is disabled (even if it contains value)

Created on 9 Nov 2016  路  5Comments  路  Source: quasarframework/quasar

There's an edge case where floating label won't float if input is disabled even if it contains value. The result is that the label stays over the input value.

The reason is that :valid doesn't "work" if the input is disabled.

Maybe we should implement a quasar-textfield component that handles blur events, or maybe is there some other way by just changing the default floating state (by using :not(:valid) and :not(:disabled)).

bug

All 5 comments

Thanks for reporting this. Will fix it really soon.

I tend to avoid creating components in cases where a simple HTML markup coupled with some CSS would suffice. This is for performance. Will analyze if CSS can be fixed, and if not, I'm afraid a component will be needed.

Yes, I agree with you: having components for everything would bloat too much, but I'm afraid there's no reliable way in CSS to check that an input has value (when it's disabled). :disappointed:

PR is being worked on by @CookieJon

Will be available in v0.14

Was this page helpful?
0 / 5 - 0 ratings

Related issues

wc-matteo picture wc-matteo  路  3Comments

jigarzon picture jigarzon  路  3Comments

Bangood picture Bangood  路  3Comments

victorborgaco picture victorborgaco  路  3Comments

fnicollier picture fnicollier  路  3Comments