react-component / react-component/table
Issue with Sticky Scrollbars on Chromebooks
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 1.4k
- Forks
- 618
- Avg merge
- 10h 19m
- Merged PRs (30d)
- 2
Description
https://ant.design/components/table/#components-table-demo-sticky
Testing out this story on Chromebooks leads to some undesired functionality, where due to Chromebook's show-on-hover scrollbar feature the scrollbar becomes unusable when using the sticky scroll pattern.
I believe this is due to Chromebook's scrollbars only filling the space provided for them for their scrollbars compared to other browsers expanding the space provided for their scrollbars. The desired functionality here is that when viewing these types of scrollbars on Chromebooks, the scrollbar should show up when you hover over it (not working currently) and when the table is scrolled left or right when using the arrow keys (this currently works), and that the scrollbar should be clickable/draggable (not working currently).
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the linked Table sticky-scroll demo and reproduce the behavior on a Chromebook or Chromebook-like scrollbar configuration. Investigate the sticky scrollbar entry point and related tests, if present. Done means the scrollbar appears on hover, remains usable with horizontal arrow-key scrolling, and can be clicked or dragged.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100