Open menu jumps up when page is scrolled down in Chrome

[HriBB]

This happens on Ubuntu 16.04 and OSX El Capitan (Chrome Version 53.0.2785.116 (64-bit))

Steps to reproduce:

1. open https://tleunen.github.io/react-mdl/components/menu/
2. scroll down
3. open menu
4. menu is opened and page jumps (scrolls) up
5. close menu and page jumps back

Can anyone please confirm this? Note that this does not happen on vanila MDL https://getmdl.io/components/index.html#menus-section so I assume that this is a bug in React MDL.

[HriBB]

This happens when the menu is inside Layout > Content.

[HriBB]

MDL issue https://github.com/google/material-design-lite/issues/4640

[tleunen]

Weird, I cannot reproduce it with the same version of Chrome, but on macOS Sierra.

[vegansk]

Reproduced on Chrome 53.0.2785.116 (64-bit), Ubuntu 14.04

[DirtyHairy]

I have seen this issue on Chrome 53 / Linux. It appears to be a rendering glitch and not any actual scrolling. In our case, setting transform: scale(1) on the content area that was corrupted solved the issue.