angular-ui/ui-grid

Horizontal scroll on pinned column causes grid to scroll to rightmost border

Open

#4,037 建立於 2015年7月23日

在 GitHub 查看
 (10 留言) (0 反應) (0 負責人)JavaScript (5,395 star) (2,496 fork)batch import
good first issuegrid-pinning

描述

Steps to reproduce:

  1. Open http://ui-grid.info/docs/#/tutorial/203_pinning
  2. Place mouse on the pinned Name column
  3. 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
議題類型
bug
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
3
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1-2 days
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
stale
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
clear
前置要求
Basic JavaScriptUnderstanding of grid pinningBrowser scroll events
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
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.