Skip to content
This repository was archived by the owner on Apr 12, 2024. It is now read-only.

Scope doesnt update on selects when using arrow keys #10887

Closed
esiege opened this issue Jan 27, 2015 · 4 comments
Closed

Scope doesnt update on selects when using arrow keys #10887

esiege opened this issue Jan 27, 2015 · 4 comments

Comments

@esiege
Copy link

esiege commented Jan 27, 2015

(Simple dropdown jsfiddle)
http://jsfiddle.net/derkoe/KN9xx/presentation/

Click on first dropdown twice to activate. Press down arrow. Ng-model updates. Press down again. Ng-model does not update.

(Testing in chrome)

@esiege esiege changed the title Second ng-change doesn't fire on selects when using arrow keys Scope doesnt update on selects when using arrow keys Jan 27, 2015
@vitaly-t
Copy link

I have simplified the example and updated AngularJS from 1.1.4 to 1.3.11, the issue is still very easy to see: http://jsfiddle.net/KN9xx/301/

It's got something to do with the initial arrowDown key, while arrowUp key works perfectly (not in FireFox).

The issue appears to be browser-specific:

  • Doesn't happen in IE11;
  • Happens in Chrome as described above;
  • In FireFox it is much worse - arrow keys result in no model update at all!

In all, to see the issue in Chrome you do not need to double-click, just pick any item on the list using mouse, except for the last one, and then hit arrowDown - model won't update.

Better still, use FireFox - arrow keys there do not update the model, not up, not down :)

P.S. I am astounded that nobody picked this up ever since version 1.1

@petebacondarwin
Copy link
Contributor

This is a duplicate of #7600

@petebacondarwin
Copy link
Contributor

and #9134

@petebacondarwin
Copy link
Contributor

and #10382

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

4 participants