Lightrun
question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Text fields prefix show error

See original GitHub issue

Versions

0.15.2

When text fields set prefix option:

qq 20170907112043 qq 20170907112053

Reproduction Link

https://codepen.io/anon/pen/QMRBBN

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:1
  • Comments:11 (8 by maintainers)

github_iconTop GitHub Comments

2reactions
Maxhodgescommented, Dec 16, 2017

here’s how I’m dealing with it for now

Use placeholder for a label, then on text entry placeholder is replaced with a label

image

image

  <v-text-field prepend-icon="phone" placeholder="Phone Number" :label="phoneNumber ? 'Phone Number' : ''" :prefix=" country ? country.countryCode : '' " v-model="phoneNumber "></v-text-field>
0reactions
johnleidercommented, Nov 19, 2018

We kindly ask users to not comment on closed/resolved issues. If you believe that this issue has not been correctly resolved, please create a new issue showing the regression or reach out to us in our Discord community.

Thank you for your contribution and interest in improving Vuetify.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Is there a way to create a text field with a prefix that is always ...
I have tried the prefix and prefixText options for InputDecoration, however, the prefixes are only visible when the textField is in focus. Any ......
Read more >
Text fields - Material Design
Text fields let users enter, edit, and select text.
Read more >
Input prefix or suffix | U.S. Web Design System (USWDS)
Use input prefixes and suffixes to show symbols or abbreviations that help users enter the right type of information in a form's text...
Read more >
TextInputLayout | Android Developers
Returns whether the error functionality is enabled or not in this layout. boolean, isExpandedHintEnabled(). Returns whether the hint expands to ...
Read more >
Text Field - Enterprise Digital Design System - Aetna
Upon validation, if the Text Field does not have valid input, an error message will be presented. Error messages should not replace helper...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found
Previous page

[Feature Request] Date Range Picker

Next page

Set v-tabs initial selected tab use v-model not working.