Material-ui: [Drawer] persistent=true open=false visible after component update.

Created on 2 Nov 2017  路  2Comments  路  Source: mui-org/material-ui

  • [x] I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

Drawer should not show up on re-render

Current Behavior

If the Drawer component is re-rendered, the nested Paper component loses its transform style setting and the drawer is shown despite open=false

Steps to Reproduce (for bugs)

codesandbox

Context

I believe this has something to do with the code removed from the Slide component with this update

Your Environment

| Tech | Version |
|--------------|---------|
| Material-UI | 1.0.0-beta.19 |
| React | v16 |
| browser | Chrome, Firefox |
| etc | |

bug 馃悰 Drawer

Most helpful comment

Thanks for raising the issue!

All 2 comments

Thanks for raising the issue!

Not sure if you want me to file a separate issue, but I just ran into something very closely related to this. When the drawer is closed, if you add content to the drawer, changing its height, the content will spill onto the screen. It's most noticeable on anchor="bottom", but, also happens on side anchors (but you must add much more content before its manifests.

Here is a demo: https://codesandbox.io/s/vqvzk2zv2y

You can see the Sandbox is using beta.31

Was this page helpful?
0 / 5 - 0 ratings

Related issues

iamzhouyi picture iamzhouyi  路  3Comments

activatedgeek picture activatedgeek  路  3Comments

pola88 picture pola88  路  3Comments

sys13 picture sys13  路  3Comments

mb-copart picture mb-copart  路  3Comments