New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Auto-fill glitch for password input when embedded in <b-field> #1154
Comments
It could be the same bug of #898 |
Looks similar to me. I guess it needs more investigation then. It definitely comes down to the |
If you're right we should check that but not only for password |
I also found that this issue does not occur if there is only one |
Fix 07d3897 |
Overview of the problem
Buefy version: 0.7.1
Vuejs version: 1.12.3
OS/Browser: macOS 10.14.3 / Chrome, Safari, Opera
Description
When the browser tries to auto-fill a
<b-input>
withtype=password
after it has been dynamically added to the DOM, the value of the input quickly flashes and disappears. This behavior only happens when the<b-input>
is nested in<b-field>
.The issue comes down to Chrome, Opera and Safari firing a
@blur
event after auto-filling the fields, which calls thecheckHtml5Validity()
function of theFormElementMixin
. ThecheckHtml5Validity()
updates the FieldBody component'smessage
andtype
properties which I believe (?) re-renders the component causing this glitch.This issue only occurs for fields with
type=password
, in which case callingcheckHtml5Validity()
does not make sense as it is used for passwords. A fix/workaround is to return from thecheckHtml5Validity()
function if the input is of typepassword
.Steps to reproduce
Fairly obvious, but the browser needs to have some auto-fill values saved for the domain (e.g. localhost:8080) you are running the reproduction sample app from.
Expected behavior
The password field should be auto-filled correctly.
Actual behavior
The auto-fill value flashes and disappears (from the GIF it looks as if it is not filled at all) from the password input.
The text was updated successfully, but these errors were encountered: