angular-ui/ui-grid

cellnav loses edit mode on horizontal scroll in IE

Open

#6,157 opened on Apr 12, 2017

View on GitHub
 (0 comments) (0 reactions) (0 assignees)JavaScript (5,395 stars) (2,496 forks)batch import
Browser IEhelp wanted

Description

When using ui-grid-edit and ui-grid-cellNav in the grid and you navigate horizontal (tab, arrow right) through a row, the edit mode is lost, when the first not visible scrollable column is reached in IE 11. All user-visible columns will be entered in edit mode correctly, but when a tab forces a horizontal scroll, the edit mode is lost on that column. In Chrome the problem does NOT occur.

The problem can be reproduced in the tutorial: http://ui-grid.info/docs/#/tutorial/401_AllFeatures I notices the problem in version v4.0.0 and it still exists in de current version (v4.0.4).

Contributor guide

Tech stack
javascript
Domain
frontend
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
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
None
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
35
Research direction
Investigate the interaction between ui grid edit and ui grid cellNav during horizontal scroll in IE11. Focus on the scroll event handling and how edit mode is toggled. Check the code in the grid's cell navigation module and the edit module for any IE specific conditionals. Reference the tutorial page to reproduce the issue.