Material-ui: [Popper] Weird Behavior While Hiding it.

Created on 19 Jul 2018  ·  3Comments  ·  Source: mui-org/material-ui


I'm using the new Popper component that released in 1.4.0. While closing the menu there's some weird behavior happening and I believe that is happening because of the transition from position absolute and static.

Expected Behavior

While closing it I expect smooth behavior with the transition effect.

Current Behavior

What actually happening is weird. It transforms from position absolute to static that make it push the button itself.

Steps to Reproduce

Just open the Popper then close it by clicking anywhere outside.
Edit create-react-app

Environment

| Tech | Version |
|--------------|---------|
| Material-UI |1.4|
| React |1.6|

bug 🐛 Popper

Most helpful comment

@MomenYasser The issue was fixed by #12218. Thank you for the reproduction!

All 3 comments

Please provide a full reproduction test case. This would help a lot 👷 .
A live example would be perfect. This codesandbox.io template _may_ be a good starting point. Thank you!

Hello @oliviertassinari, Sorry for my late response.
I have created Sandbox example to reproduce this issue you can check it here:

Edit create-react-app

@MomenYasser The issue was fixed by #12218. Thank you for the reproduction!

Was this page helpful?
0 / 5 - 0 ratings

Related issues

reflog picture reflog  ·  3Comments

FranBran picture FranBran  ·  3Comments

sys13 picture sys13  ·  3Comments

ghost picture ghost  ·  3Comments

chris-hinds picture chris-hinds  ·  3Comments