angular-ui/ui-grid

Navigate Up/Down in dropdownEditor trigger change cell focus and close the dropdownEditor. Only happened in Firefox & IE.

Open

#6,393 opened on Sep 14, 2017

View on GitHub
 (0 comments) (0 reactions) (0 assignees)JavaScript (5,395 stars) (2,496 forks)batch import
Browser FirefoxBrowser IEgood first issue

Description

Navigate Up/Down in dropdownEditor trigger change cell focus and close the dropdownEditor. Only happened in Firefox & IE.

Sample: http://ui-grid.info/docs/#/tutorial/309_editable_with_cellnav

  1. Click on any Gender cell and got cell focused and turn to dropdowneditor
  2. Press space or click to open the list
  3. Press down/up

Current: cell changed focus and close the dropdownEditor Should be: changed the selection of drop down

Env: firefox, ie on windows 7

Any solution for this case? Thanks

Contributor guide

Tech stack
javascriptangular
Domain
frontend
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
under 1 hour
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
AngularJSJavaScript event handlingUI Grid basics
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
65
Research direction
The issue occurs when arrow keys are pressed while the dropdown is open in Firefox and IE. The fix likely involves stopping event propagation or preventing default behavior in the keydown handler of the dropdown editor. Look at the dropdown editor implementation, possibly in files like 'ui grid edit dropdown.js' or similar. Test in Firefox and IE to ensure the dropdown selection changes instead of cell focus.