Consider using scrollbar-gutter where useful when available
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 39
- Forks
- 14
- Avg merge
- 1d 16h
- Merged PRs (30d)
- 13
Description
🧹 Tech Debt
The scrollbar-gutter CSS feature allows you to reserve space in a component for a scrollbar. It's aware of system-specific details about scrollbars such as scrollbar size and if the scrollbars are overlay or classic.
Unfortunately currently blocked on Safari support. Caniuse
When available we should be able to use it to remove the complexity of scrollbar tracking in the nimble-text-area:
Contributor guide
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
Check current Safari support for scrollbar-gutter first, then inspect packages/nimble-components/src/text-area/index.ts around lines 123-126. Compare the existing scrollbar-tracking complexity with what scrollbar-gutter can replace, and confirm the change preserves the text area's scrollbar layout when the feature is available.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, typescript
- Domain
- frontend
- Issue type
- Refactor
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100