Material-ui: Open Select / Drawer / Dialog from a "sticky" element
When opening a Select, Drawer, or a Dialog from a "sticky" dom, the page will jump to the top when Menu/Paper/Drawer/Dialog is closed
- [x] I have searched the issues of this repository and believe that this is not a duplicate.
Steps to Reproduce (for bugs)
https://2xyjpxj4kj.codesandbox.io/
Scroll down, open the select, and close it. The page jumps to top.
Your Environment
| Tech | Version |
|--------------|---------|
| Material-UI | 1.0.0-beta.34 |
| React | 16.2.0 |
| browser | Chrome 65 |
dbuchet
👍2
>All comments
It's a Chrome bug only. I can't reproduce it on Safari, Firefox or Edge.
I'm encouraging you to open an issue on Chrome side.
- Using
position="fixed"overposition="sticky"solves the problem. - Toggling
disableRestoreFocus, the equivalent of commenting the following line solves the issue.
https://github.com/mui-org/material-ui/blob/a9fb4eacbb960831f7f8d02f62758d3e64cccb38/src/Modal/Modal.js#L194
oliviertassinari
on 21 Mar 2018
👍4
Was this page helpful?
0 / 5 - 0 ratings
Related issues
rbozan
路
3Comments
mattmiddlesworth
路
3Comments
FranBran
路
3Comments
anthony-dandrea
路
3Comments
pola88
路
3Comments
Most helpful comment
It's a Chrome bug only. I can't reproduce it on Safari, Firefox or Edge.
I'm encouraging you to open an issue on Chrome side.
position="fixed"overposition="sticky"solves the problem.disableRestoreFocus, the equivalent of commenting the following line solves the issue.https://github.com/mui-org/material-ui/blob/a9fb4eacbb960831f7f8d02f62758d3e64cccb38/src/Modal/Modal.js#L194