Chrome autofill should set the form to validValidate decimal numbers in JavaScript - IsNumeric()How to validate an email address in JavaScriptWhich “href” value should I use for JavaScript links, “#” or “javascript:void(0)”?Which equals operator (== vs ===) should be used in JavaScript comparisons?Setting “checked” for a checkbox with jQuery?Set a default parameter value for a JavaScript functionDisable same origin policy in ChromeDisabling Chrome cache for website developmentHow to set a JavaScript breakpoint from code in Chrome?Disabling Chrome Autofill
Does trying to charm an uncharmable creature cost a spell slot?
助けてくれて有難う meaning and usage
Drawing probabilities on a simplex in TikZ
Many many thanks
Is a memoized pure function itself considered pure?
How to determine algebraically whether an equation has an infinite solutions or not?
Number of Fingers for a Math Oriented Race
Talk interpreter
Is there any problem with a full installation on a USB drive?
How do solar inverter systems easily add AC power sources together?
Why was this commercial plane highly delayed mid-flight?
Can a paladin prepare more spells if they didn't cast any the previous day?
Why did the population of Bhutan drop by 70% between 2007 and 2008?
Why is getting a PhD considered "financially irresponsible" by some people?
Toroidal Heyacrazy: Rainstorm
Find feasible point in polynomial time in linear programming
How could a self contained organic body propel itself in space
How can I download a file from a host I can only SSH to through another host?
Can MuseScore be used programmatically?
What happens to transactions included in extinct or invalid blocks?
Can I get a PhD for developing an educational software?
Is this password scheme legit?
What are the IPSE’s, the ASPE’s, the FRIPSE’s and the GRIPSE’s?
Can I take a boxed bicycle on a German train?
Chrome autofill should set the form to valid
Validate decimal numbers in JavaScript - IsNumeric()How to validate an email address in JavaScriptWhich “href” value should I use for JavaScript links, “#” or “javascript:void(0)”?Which equals operator (== vs ===) should be used in JavaScript comparisons?Setting “checked” for a checkbox with jQuery?Set a default parameter value for a JavaScript functionDisable same origin policy in ChromeDisabling Chrome cache for website developmentHow to set a JavaScript breakpoint from code in Chrome?Disabling Chrome Autofill
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;
On the first image, you see a bug, where Chrome does not set the form to valid when autofilling.
This is how it should look like.
I found a Github Issue to my issue here, but it is based on Angular. I'm working with Vue.
The label goes only up when the field is focues or valid.
input:focus ~ label, input:valid ~ label
top:-20px;
font-size:14px;
color:#5264AE;
Besides that, the html with shadow nodes looks like this:
<input type="email" name="email" autocomplete="username" data-vv-delay="500" aria-label="Your email" required="required" class="" aria-required="true" aria-invalid="false">
<div pseudo="-internal-input-suggested" id="placeholder" style="display: block !important;">avidofood@somemail.com</div>
</input>
What could I do?
javascript
google-chrome vue.js asked Mar 27 at 20:06
ShadrixShadrix
9357 silver badges22 bronze badges
add a comment |
On the first image, you see a bug, where Chrome does not set the form to valid when autofilling.
This is how it should look like.
I found a Github Issue to my issue here, but it is based on Angular. I'm working with Vue.
The label goes only up when the field is focues or valid.
input:focus ~ label, input:valid ~ label
top:-20px;
font-size:14px;
color:#5264AE;
Besides that, the html with shadow nodes looks like this:
<input type="email" name="email" autocomplete="username" data-vv-delay="500" aria-label="Your email" required="required" class="" aria-required="true" aria-invalid="false">
<div pseudo="-internal-input-suggested" id="placeholder" style="display: block !important;">avidofood@somemail.com</div>
</input>
What could I do?
javascript
google-chrome vue.js asked Mar 27 at 20:06
ShadrixShadrix
9357 silver badges22 bronze badges
add a comment |
On the first image, you see a bug, where Chrome does not set the form to valid when autofilling.
This is how it should look like.
I found a Github Issue to my issue here, but it is based on Angular. I'm working with Vue.
The label goes only up when the field is focues or valid.
input:focus ~ label, input:valid ~ label
top:-20px;
font-size:14px;
color:#5264AE;
Besides that, the html with shadow nodes looks like this:
<input type="email" name="email" autocomplete="username" data-vv-delay="500" aria-label="Your email" required="required" class="" aria-required="true" aria-invalid="false">
<div pseudo="-internal-input-suggested" id="placeholder" style="display: block !important;">avidofood@somemail.com</div>
</input>
What could I do?
javascript
google-chrome vue.js asked Mar 27 at 20:06
ShadrixShadrix
9357 silver badges22 bronze badges
On the first image, you see a bug, where Chrome does not set the form to valid when autofilling.
This is how it should look like.
I found a Github Issue to my issue here, but it is based on Angular. I'm working with Vue.
The label goes only up when the field is focues or valid.
input:focus ~ label, input:valid ~ label
top:-20px;
font-size:14px;
color:#5264AE;
Besides that, the html with shadow nodes looks like this:
<input type="email" name="email" autocomplete="username" data-vv-delay="500" aria-label="Your email" required="required" class="" aria-required="true" aria-invalid="false">
<div pseudo="-internal-input-suggested" id="placeholder" style="display: block !important;">avidofood@somemail.com</div>
</input>
What could I do?
javascript
google-chrome vue.js javascript
google-chrome vue.js asked Mar 27 at 20:06
ShadrixShadrix
9357 silver badges22 bronze badges
asked Mar 27 at 20:06
ShadrixShadrix
9357 silver badges22 bronze badges
edited Mar 27 at 20:12
Shadrix
asked Mar 27 at 20:06
ShadrixShadrix
9357 silver badges22 bronze badges
asked Mar 27 at 20:06
ShadrixShadrix
9357 silver badges22 bronze badges
asked Mar 27 at 20:06
ShadrixShadrix
9357 silver badges22 bronze badges
9357 silver badges22 bronze badges
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
Ok I found one solution over here.
In my case it's (input:-webkit-autofil):
input:focus ~ label, input:valid ~ label, input:-webkit-autofill ~ label
top:-20px;
font-size:14px;
color:#5264AE;
answered Mar 27 at 20:46
ShadrixShadrix
9357 silver badges22 bronze badges
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55385614%2fchrome-autofill-should-set-the-form-to-valid%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
Ok I found one solution over here.
In my case it's (input:-webkit-autofil):
input:focus ~ label, input:valid ~ label, input:-webkit-autofill ~ label
top:-20px;
font-size:14px;
color:#5264AE;
answered Mar 27 at 20:46
ShadrixShadrix
9357 silver badges22 bronze badges
add a comment |
Ok I found one solution over here.
In my case it's (input:-webkit-autofil):
input:focus ~ label, input:valid ~ label, input:-webkit-autofill ~ label
top:-20px;
font-size:14px;
color:#5264AE;
answered Mar 27 at 20:46
ShadrixShadrix
9357 silver badges22 bronze badges
add a comment |
Ok I found one solution over here.
In my case it's (input:-webkit-autofil):
input:focus ~ label, input:valid ~ label, input:-webkit-autofill ~ label
top:-20px;
font-size:14px;
color:#5264AE;
answered Mar 27 at 20:46
ShadrixShadrix
9357 silver badges22 bronze badges
Ok I found one solution over here.
In my case it's (input:-webkit-autofil):
input:focus ~ label, input:valid ~ label, input:-webkit-autofill ~ label
top:-20px;
font-size:14px;
color:#5264AE;
answered Mar 27 at 20:46
ShadrixShadrix
9357 silver badges22 bronze badges
answered Mar 27 at 20:46
ShadrixShadrix
9357 silver badges22 bronze badges
answered Mar 27 at 20:46
ShadrixShadrix
9357 silver badges22 bronze badges
answered Mar 27 at 20:46
ShadrixShadrix
9357 silver badges22 bronze badges
9357 silver badges22 bronze badges
add a comment |
add a comment |
Got a question that you can’t ask on public Stack Overflow? Learn more about sharing private information with Stack Overflow for Teams.
Got a question that you can’t ask on public Stack Overflow? Learn more about sharing private information with Stack Overflow for Teams.
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55385614%2fchrome-autofill-should-set-the-form-to-valid%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
