microsoft / microsoft/fluentui-contrib
Drawer + Model Dialog component causes data grid scroll to top and bottom on every state change.
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
How to Repo.
- Use react-data-grid-react-window use with data long enough to allow for scroll to show.
- Open Drawer from @fluentui/react-components. Include in the drawer compoents with state such as .
- Add means to open Dailog from within Drawer.
- Close the dailog
- Using switch from step 2 you can see that the data grid scroll bar changes positions. For some reason reacting to the change in state of the swtich even though the switch is a nephew element.
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
Reproduce the issue with react-data-grid-react-window, a Fluent UI Drawer and Dialog, and a Switch as described in the steps. Start by checking how the grid responds to the Switch state change after closing the Dialog; done means the grid scrollbar remains at its current position instead of moving to the top or bottom.
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
- Needs clarification
- Newbie friendliness
- 35/100