Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

nested Drawer components open when parent drawer opens

See original GitHub issue

Describe the issue. What is the expected and unexpected behavior? When a a Drawer contains another Drawer anywhere as a child, as soon as the parent Drawer opens, the child does as well.

Expected each Drawer to operate independently.

Please provide the steps to reproduce. Feel free to link CodeSandbox or another tool.

https://codesandbox.io/s/compassionate-panini-snm5m

Is this a bug or enhancement? If this issue is a bug, is this issue blocking you or is there a work-around? Bug

What is your product and what release version are you targeting? OpenShift Console 4.6

Issue Analytics

State:
Created 3 years ago
Comments:8 (8 by maintainers)

Top GitHub Comments

1reaction

mcokercommented, Jul 8, 2020

@christianvogt I’ve filed a core issue to investigate and fix any issues that arise on the CSS side from nesting drawers, including adding a demo to the workspace that we can reference going forward to help ensure no other sorts of issues pop up going forward - https://github.com/patternfly/patternfly/issues/3260. We’ll prioritize this in our upcoming sprint.

0reactions

kmcfaulcommented, Aug 3, 2020

Issue is resolved in core (patternfly/patternfly#3328) and the version has been updated in react!

Top Results From Across the Web

Multiple drawers - React Navigation

Sometimes we want to have multiple drawers on the same screen: one on the left and one on the right. This can be...

Disable drawer for a specific nested screen - Stack Overflow

My navigators hierarchy looks like this - Drawer => Stack => Tab => Multiple Stacks, we keep in store the current Tab, so...

Navigation drawer – Material Design 3

Navigation drawers provide access to destinations in your app. ... Navigation drawers can be opened or closed by default to accommodate different app ......

React Modal component - Material UI - MUI

Nested modal ; open · {open} ; onClose · {handleClose} ; aria-labelledby · "parent-modal-title" ...

How to Position a Material-UI Drawer Inside a Div

MUI Drawer CSS Positioning ... Next you will need to properly set the position on the Drawer. This is a two-part process: first...