search

tleunen / react-mdl

React Components for Material Design Lite
https://tleunen.github.io/react-mdl/
MIT License
1.76k stars 255 forks source link

Open menu jumps up when page is scrolled down in Chrome #406

Open HriBB opened 7 years ago

HriBB commented 7 years ago

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 commented 7 years ago

This happens when the menu is inside Layout > Content.

HriBB commented 7 years ago

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

tleunen commented 7 years ago

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

vegansk commented 7 years ago

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

DirtyHairy commented 7 years ago

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.