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

nueko picture nueko  路  3Comments

hctpbl picture hctpbl  路  3Comments

danikane picture danikane  路  3Comments

slowaways picture slowaways  路  3Comments

xereda picture xereda  路  3Comments