angular-ui/ui-grid

Annoying page scroll when using the grid

Open

#4,528 opened on Oct 16, 2015

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

Description

Hey,

I don't know what feature is causing this issue, but I suspect it's the cell navigation. Note that I'm talking about PAGE scroll, not grid scroll.

I also have cell edit enabled. This means that when I double click a cell, the editing mode stats, but because of this issue it starts editing an entirely different row which is very annoying.

The issue can be reproduced (newest Chrome version) on the grid in this tutorial: http://ui-grid.info/docs/#/tutorial/202_cellnav

When you double click a field in the grid, the page scrolls down, selecting the field or a different row. This does not seem to always happen, but often.

Is there a way to prevent the annoying PAGE scroll?

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.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
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.
mostly clear
Prerequisites
Basic Angular knowledgeUnderstanding of DOM events
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
40
Research direction
Investigate the cell navigation directive, specifically the double click handler that triggers edit mode. Look for any event that causes page scroll, possibly related to focus or default browser behavior. Check the tutorial link provided for reproduction steps and see if there are any recent comments or linked PRs for clues.