Skip to content

Drawer + Model Dialog component causes data grid scroll to top and bottom on every state change. #312

Open
@lennaylennay2

Description

@lennaylennay2

How to Repo.

  1. Use react-data-grid-react-window use with data long enough to allow for scroll to show.
  2. Open Drawer from @fluentui/react-components. Include in the drawer compoents with state such as .
  3. Add means to open Dailog from within Drawer.
  4. Close the dailog
  5. 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.

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions