Polymer PWA - vaadin-grid appears over the app-drawer, when the screen width is 'small'

vaadin / web-components

A set of high-quality standards based web components for enterprise web applications. Part of Vaadin 20+

https://vaadin.com/docs/latest/components

463 stars 83 forks source link

Polymer PWA - vaadin-grid appears over the app-drawer, when the screen width is 'small' #1507

Closed ghost closed 3 years ago

ghost commented 6 years ago

If you put a vaadin-grid in any page of the pwa-starter-kit (https://github.com/Polymer/pwa-starter-kit) and resize the screen to be small enough, when opening the hamburger and showing the app-drawer, the grid remains on top of everything. I tried to play with the z-index, but I can only obtain to hide the vaadin-grid completely (at least, its content) or it still remains totally on top.

ghost commented 6 years ago

Update: ANY vaadin component is still totally active, even if some of them are greyed out. I don't think this is the expected behavior.

web-padawan commented 5 years ago

Confirmed. Sorry about the lack of response. As a workaround, set z-index: 1; on the app-drawer element.

web-padawan commented 3 years ago

Closing as inactive. As mentioned above, there is a workaround available.