microsoft / microsoft/fluentui-contrib
VirtualizedDataGrid doesn't reflow well at certain zoom size
Open
Nobody has claimed this yet.
react-data-grid-react-window
- Dominant language
- TypeScript
- Stars
- 56
- Forks
- 62
- Avg merge
- 3d 2h
- Merged PRs (30d)
- 1
Description
When zooming in, it looks like the virtualized data grid doesn't reflow well as cells end up overlapping and other things look like they become misaligned. Is this a known issue? Or is there some way to fix this?
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
Start by reproducing the overlap and misalignment in the VirtualizedDataGrid while changing the browser zoom level, using the attached image as the visual reference. Trace the grid's layout and virtualization entry points; done means cells reflow without overlapping or becoming misaligned at the affected zoom sizes.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100