Chrome autofill

asked 2017-03-10 14:38:19 +0800

MaurizioB
3 ● 2

I had a problem where the browser autofilling the login fields will not update the corresponding ViewModel variables.

After searching some solutions (and finding out some old threads with solutions that didn't work on my case) I have done something like this, and it works.

<zk xmlns:n="native">
  <window id="loginbox" apply="org.zkoss.bind.BindComposer" viewModel="@id('vm') @init('package.AuthenticationVM')">
<div>
    <textbox id="userinput" value="@bind(vm.username)" constraint="no empty" instant="true" />
    <textbox id="pwdinput" value="@bind(vm.password)" type="password" constraint="no empty" instant="true" />

    <button id="btnSubmit" onClick="@command('submit')"
                label="Sign In" />
</div>
<script defer="true">
    jq('$btnSubmit').click(function() {
        fixAutofill();
    });

    function fixAutofill() {
        jq('$userinput').blur();
        jq('$pwdinput').blur();
    }
</script>

</window> </zk>

Is this a good solution? Can it be improved? Is it secure to have a password handled like this?