angular-ui/ui-grid

scroll to focus is not working on newly added row

Open

#5,325 opened on Apr 15, 2016

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

Description

after adding a new row, I am trying to set focus to the first row and the first column, but it doesn't work. $scope.gridApi.cellNav.scrollToFocus( $scope.gridOptions.data[0], $scope.gridOptions.columnDefs[0]);

here is a plunker for the same http://plnkr.co/edit/6zyZ5q?p=preview

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.
4
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-2 days
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.
needs investigation
Prerequisites
AngularJS experienceui grid knowledgegrid rendering lifecycle understanding
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
30
Research direction
Investigate the scrollToFocus function in ui grid's cellNav module. The issue mentions a plunker (http://plnkr.co/edit/6zyZ5q?p=preview) that reproduces the bug. Check if the newly added row is rendered before attempting to scroll to focus. Look into the order of operations when adding a row and then calling scrollToFocus. There are 4 comments in the issue; review them for hints. The repository is angular ui/ui grid; examine the cellNav and grid rendering code.