This seems to be working great for everything but drop down lists. Any chance we can add support for selects? :)

Please see specific instructions to repro on this Plunkr.

This only happens on Safari 7 when "inline autofill" (which only affects the field in focus, as opposed to the autofill option that fills out all fields in the form) is triggered in a certain way.

When there's a form element using AngularStrap's bs-datepicker autofill-event causes the element to be marked as dirty, Angular then sees the form as dirty too. Depending on the timing, the date may show as dirty immediately or only after you click on another field or two. Plunker showing this is here:
http://plnkr.co/edit/gYPSOaXARoHiCrkeTAjh?p=preview

Also seen with Angular 1.2.6 and with Angular-Strap 2.1.1. Firefox 32.0.3 & Chrome 37

Just guessing but somehow autofill-event is seeing the instantiation of the bs-datepicker element as an autofill event?

Can we make the make jqCheckAndTriggerAutoFillEvent() return "this". This way we ensure chainability of the jQuery/jqLite methods.

IE8 can't use addEventListener, so it produces an error message

I fixed it locally using http://stackoverflow.com/questions/9769868/addeventlistener-not-working-in-ie8

Hi, i'm still here i would like you to check this https://github.com/ispuk/autofill-event/commit/af539f05ff70e9df2bea3ad5a5525579345e24f7 if you can

Time ago i tryed linting the autofill code so that it can be safe for using it with jshint, that is an important feature imho, don't know if you have time to do it but it could be awesome!

(i tryed but probably the code looks not perfect yet)

thanks for the time spent on this great polyfill

So what event do you use?

on('WHAT', function(){ //here })

My Firefox version: 26.0
This is my test sample:
http://plnkr.co/edit/wZHXw4PCWolrDoTMw8nZ?p=preview

I copied the autofill-event.js to the plunkr for test.

There are 2 errors:

• When document ready, triggered "DOMContentLoaded" , 200ms delay to trigger change event is not longer enough(I set the delay in the sample to 500ms works fine)
• When I turn to index(another view), then back to sign in view, browser auto fills the inputs, but the event not trigger. I found that auofill is not checked when ui-view changed, so I tried to manually trigger autofill check in the controller, as: $rootElement.find('input').checkAndTriggerAutoFillEvent() also failed.

Is anything wrong in my code?

What about adding the source to CDN ?

I guess there are cool services for free, i don't remember the name probably this is one of the best one https://github.com/cdnjs/cdnjs

this could be fantastic for the mass!!
thanks for your time

My stack is Django+Angular. I have login form with username and password.
Autofill is not changing my values in Angular scope in firefox 26.0.
I tried to do:

element.find('input[name="username"]').checkAndTriggerAutoFillEvent();
element.find('input[name="password"]').checkAndTriggerAutoFillEvent();
scope.init(); //just emptying the values

and it fixes the password field, but not the username field and I can't understand what the problem is.

Thanks, Alex A.

Hi, i'm using this polyfill but in Firefox 29.0 it won't work , if i autofill via tab or mouse its ok but if i autofill via enter key it doesn't works, any clue?

I'm on MacOSX using the latest Firefox version 29.0
thanks

this poly fill doesn't fit with a submit button/input binding to the form state. unless you click on the page any point you want to trigger a digest (it seems the action trigger the browser to do some real filling), then the button become enable.
Test page with manual tests

I'm using autofill-event through bower on one of my projects and would like the fix for IE8. Instead of updating the file manually could you create a new release with the most recent commits so we can use bower update?

window.angular.element breaks when manually bootstrapping an application.

In a case where angular is defined, but element is not.

On DOMContentLoaded this plugin is triggering a change event for my radio inputs which do have a value attribute, but not because the server filled in a value like an input, but because.. they're radio inputs.
I have a feeling autofill doesn't ever automatically choose a radio so those could be excluded, yes? Happy to send a PR but want to ask about this first.

Since input elements can be used outside of form elements it would be nice if instead of an empty object findParentForm() returned the $rootElement. As it currently stands, none of the input elements are checked if there is no parent form.

The plugin works fine when the browser reloads the page but when angular partials are used (logout/login again with partials) it does not work.

Found with Safari 9.0.3

Steps to reproduce:

1. Have an email address in cache for issue's sake we have "[email protected]"

2. Type "tes" to input field

3. Auto-fill dropdown pops up showing "[email protected]"

4. Select "[email protected]" from the dropdown

5. Clear the input field

6. repeat steps 2 and 3

Expected: same functionality as on first select

Actual result: Ng-model isn't updated

IE8 does not support event capturing, and blur does not bubble. Using focusout would help IE8 ...

The login form manual test cases fail for me in Firefox 26.0 in both Windows and Linux. Let me know if there's any additional info that could help with debugging.

Btw, thanks for this polyfill @tbosch!

bower install
ls -la assets/vendor/autofill-event/
total 64
drwxr-xr-x  10 pronebird  staff   340 Sep 15 14:44 .
drwxr-xr-x   7 pronebird  staff   238 Sep 15 14:44 ..
-rw-r--r--   1 pronebird  staff   621 Sep 15 14:44 .bower.json
-rw-r--r--   1 pronebird  staff    38 Sep 15 14:44 .bowerrc
-rw-r--r--   1 pronebird  staff    36 Sep 15 14:44 .gitignore
-rw-r--r--   1 pronebird  staff   103 Sep 15 14:44 .gitmodules
-rw-r--r--   1 pronebird  staff  1099 Sep 15 14:44 LICENSE
-rw-r--r--   1 pronebird  staff  2011 Sep 15 14:44 README.md
-rw-r--r--   1 pronebird  staff   276 Sep 15 14:44 bower.json
-rw-r--r--   1 pronebird  staff   522 Sep 15 14:44 package.son

bower.json points to "autofill-event": "~1.0.0"

When using firefox on a login page, I was having an issue where it was telling me that -webkit-autofill was not a valid selector. Because it this it would crash on login submit. The security risk is that I notices that it appended the input fields and their values to the end of the url when it failed. So had I pushed this to production, the user names and passwords would have been publicly exposed in the url. Leaving the high probability that the password would get logged in numerous places. Sorry, I do not have any screens because I was more concerned about getting this out of my app for now. I will update when I have reproduced it again in a sample app I can post.

Doesn't work at safari 8

Sometimes this fires a change event even if there's no change, for example when an input field is ajax'd into the DOM

I change the triggerChangeEvent function to check if there was a previous value and match against it. I only use jQuery so it isn't going to be a straight copy-paste for you if you want it to work with angular as well.

function triggerChangeEvent(element) {
    var dochange = true;
    var value = $(element).val();
    if ($(element).attr('last-val') !== undefined) {
        if ($(element).attr('last-val') === value) {
            return;
        }
    } else {
        dochange = false;
    }
    $(element).attr('last-val', value);
    if (dochange) {
        var doc = window.document;
        var event = doc.createEvent("HTMLEvents");
        event.initEvent("change", true, true);
        element.dispatchEvent(event);
    }
}

Only issue I have had with the above code is the browser autocomplete for username and password fields, as that seems to be triggered at page load. So I do a settimeout for those particular fields.

ok, ie8's addEventListener is fixed. but it still not working on ie8.
form input change -> if click submit button -> not working
form input change -> enter key hit -> first time not working -> second time working.
oh...

I think many frameworks is having issue because autofill