react-component / react-component/virtual-list

Can not drag scrollBar when scroll stopped!

Open
#156 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
814
Forks
171
Avg merge
1h 3m
Merged PRs (30d)
3

Description

Navigator: chrome 92.0.4515.131 (x86_64)
System: Mac OS Big Sur 11.5 (20G71)

How to reproduction: Chrome's setting: close Hardware Acceleration !important
Now: Can not hover to drag scrollBar when scroll stopped; Can hover to drag when scrolling;
Expect: Can hover to drag scrollBar when scroll stopped; Or hide scrollBar when scroll stopped
Reproduction link: https://rc-virtual-list.react-component.vercel.app/?selectedKind=rc-virtual-list&selectedStory=basic&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybook%2Factions%2Factions-panel

如何复现:关闭 chrome 设置里的“硬件加速”
现状:不滚动时不能拖动滚动条;滚动时能拖动滚动条
希望:不滚动时能正常拖动滚动条;或者不滚动时隐藏滚动条
复现地址: https://rc-virtual-list.react-component.vercel.app/?selectedKind=rc-virtual-list&selectedStory=basic&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybook%2Factions%2Factions-panel

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Reproduce the issue in the linked rc-virtual-list Storybook example using Chrome 92 on macOS with hardware acceleration disabled. Inspect the virtual list's scrollbar behavior when scrolling has stopped, then verify that the scrollbar can still be dragged or is hidden consistently when inactive.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.