palantir/blueprint

Entire Frozen Column Scroll Up/Down When Press Arrow Up/Down Keys

Open

#4,237 创建于 2020年7月22日

在 GitHub 查看
 (0 评论) (0 反应) (0 负责人)TypeScript (20,263 star) (2,167 fork)batch import
Browser: ChromePackage: tableType: bughelp wanted

描述

Please check the Codesandbox and use the steps to reproduce to observe the issue, thank you.

Environment

  • Package version(s): blueprintjs core@3.17.1, table@3.6.0, react@16.8.5, react-router-dom@5.1.0
  • Operating System: MacOS@10.15.5
  • Browser name and version: Google Chrome@83.0.4103.116 (Official Build) (64-bit)

The latest version of blueprintjs packages still have this issue.

Code Sandbox

https://codesandbox.io/s/gracious-jepsen-oivtr

Steps to reproduce

  1. Open the sandbox.
  2. When you see the table click any cell of "Dollars" column.
  3. When you see the popup dialog press Esc in keyboard, the popup dialog should be closed.
  4. Press Down/Up arrow key in keyboard.

Actual behavior

Observe the frozen column(Dollars column) will be entirely scroll down/up.

Expected behavior

Click "Close" button or click outside to close the popup dialog does not trigger this issue.

贡献者指南

技术栈
typescriptreact
领域
frontend
议题类型
bug
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
3
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
1-2 days
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
stale
清晰度议题是否清楚说明期望改动、验收标准和下一步。
clear
前置要求
Basic knowledge of ReactUnderstanding of Blueprint table component
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
45
研究方向
Investigate the event handling when a popup dialog is closed via the Escape key and then arrow keys are pressed. The issue likely involves the table component's keyboard event listeners not properly releasing focus or handling the frozen column scroll. Look at the table component source in packages/table/src/ for key event handlers and the frozen column implementation. Check if there is a related PR or discussions in the Blueprint repository.