Horizontal scroll on pinned column causes grid to scroll to rightmost border · angular-ui/ui-grid#4037

(10 comments) (0 reactions) (0 assignees)JavaScript (5,395 stars) (2,496 forks)batch import

good first issuegrid-pinning

説明

Steps to reproduce:

Open http://ui-grid.info/docs/#/tutorial/203_pinning
Place mouse on the pinned Name column
Scroll right either on trackpad or mouse (press shift for horizontal scrolling :) => the body of grid view jumps to the rightmost border. I expect the body of the grid view to not scroll horizontally.

In this gif, I first scroll to right only a bit. The body scrolls to the rightmost border. After that, I scroll down and right with the trackpad. The body scrolls again. ui-grid

I was able to repeat the results with Chrome 43, Safari and Firefox on OS X 10.10.4 with external mouse and the trackpad. Also, I got similar results with the latest Ubuntu inside a VirtualBox.

コントリビューターガイド

技術スタック: javascript
領域: frontend
Issue 種別: bug
難度: 3
推定時間: 1-2 days
活動状況: stale
明確さ: clear
前提条件: Basic JavaScriptUnderstanding of grid pinningBrowser scroll events
初心者向け度: 45
調査方針: Investigate the scroll event handling in ui grid, particularly how pinned columns and the main grid body are synchronized. Look at the source files related to scrolling (e.g., ui grid scroll directive) and the CSS for pinned columns. The goal is to prevent horizontal scroll on pinned columns from affecting the main grid scroll position. Check the issue comments for any prior attempts or discussions.