Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Popper] Weird Behavior While Hiding it. #12198

Closed
MomenYasser opened this issue Jul 19, 2018 · 3 comments
Closed

[Popper] Weird Behavior While Hiding it. #12198

MomenYasser opened this issue Jul 19, 2018 · 3 comments
Assignees
Labels
bug 🐛 Something doesn't work component: Popper The React component. See <Popup> for the latest version.

Comments

@MomenYasser
Copy link

MomenYasser commented Jul 19, 2018

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
@oliviertassinari oliviertassinari added the status: waiting for author Issue with insufficient information label Jul 19, 2018
@oliviertassinari
Copy link
Member

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!

@MomenYasser
Copy link
Author

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

@oliviertassinari oliviertassinari added bug 🐛 Something doesn't work component: Popper The React component. See <Popup> for the latest version. and removed status: waiting for author Issue with insufficient information labels Jul 21, 2018
@oliviertassinari oliviertassinari self-assigned this Jul 21, 2018
@oliviertassinari
Copy link
Member

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug 🐛 Something doesn't work component: Popper The React component. See <Popup> for the latest version.
Projects
None yet
Development

No branches or pull requests

2 participants