Input directive model sometimes isn't updated in IE when typing fast

[jkopponen]

I'm submitting a ...

• bug report
• feature request
• other

Current behavior:
Sometimes input directives model (viewValue) is not updated when typing to input field.
Expected / new behavior:
viewValue and input value are same after typing.

Minimal reproduction of the problem with instructions:
Sometimes input directives model (viewValue) is not updated when typing to input field.
This occurs with fast typing and slow computer.

This happens because in IE, angular listens keydown -event and has timeout handling that skips new keystrokes if handling of previous keydown is ongoing.
And previous ongoing keydown handling reads old value of input because the value is not updated immediately when key is pressed down.

AngularJS version: 1.6.6

Browser: IE 11

Anything else:

[gkalpak]

A solution would be to actually defer the listener (right now it seems that we use a mix of throttling/deferring):

angular.js/src/ng/directive/input.js

Lines 1325 to 1334 in b7d396b

	var deferListener = function(ev, input, origValue) {
	if (!timeout) {
	timeout = $browser.defer(function() {
	timeout = null;
	if (!input || input.value !== origValue) {
	listener(ev);
	}
	});
	}
	};

I.e. we would cancel the pending timeout and set a new one each time.

As a result the model would be updated later if the user types too fast. If we consider this a problem, we could use proper deferring in addition to the current implementation.

[jkopponen]

Hi,
I am just wondering is there any progress with this issue?
This has been assigned over 6 months.

[jbedard]

This most likely won't be fixed as the project is now in LTS mode and only serious/security issues will be fixed.

[inad9300]

How is a bug in a core functionality of AngularJS not serious? 😅 If I understand correctly, when this happens, users will see something on the screen different than the underlying value kept in JavaScript. If this is truly the case, I sure hope no one is using AngularJS for anything... serious.

[petebacondarwin]

AngularJS is a mature legacy project, which is no longer being actively developed. We instigated LTS mode last summer, to provide basic on-going support for 3 years. This includes fixing recent regressions (introduced by commits since 1.7.0), security concerns and catastrophic failures caused to by changes to things outside of our control (e.g. new releases of browsers or JQuery).

Although this is indeed a bug in the core, it is not a recent regression, and does not appear to affect a large number of projects. Moreover it only appears to impact apps running on a few legacy browsers.

Therefore it is not on our road map for fixing in a future release.

One of the benefits of AngularJS no longer receiving significant development, is that it is now much less risky to fork the project and fix bugs that are specific to your scenario. Previously this was not recommended as it would involve a significant effort to ensure that your fork was kept up to date with the main AngularJS project. Since LTS began there are very few changes to AngularJS and so forking the project is now a much more viable approach for bugs like this.