search

material-components / material-components-web

Modular and customizable Material Design UI components for the web
https://material.io/develop/web
MIT License
17.13k stars 2.15k forks source link

MDC Layout Grid - .mdc-layout-grid__inner has no styling applied at 839px #4178

Open fimius23 opened 5 years ago

fimius23 commented 5 years ago

What MDC Web Version are you using?

@material/layout-grid@0.41.0

What browser(s) is this bug affecting?

Chrome Version 70.0.3538.102 (Official Build) (32-bit) Firefox 60.3.0esr (32-bit)

What OS are you using?

Windows 10

What are the steps to reproduce the bug?

  1. Open the layout grid example page
  2. Adjust the browser width to be 839px wide

What is the expected behavior?

The class .mdc-layout-grid__inner would have some styling applied so the cells have margins/gutters

What is the actual behavior?

The class .mdc-layout-grid__inner has no styles applied

kfranqueiro commented 5 years ago

This is...interesting. I can reproduce this on Windows and Linux at 839 or 479 (one below our breakpoints), but not on OS X or ChromeOS.

Our styles for MDC Layout Grid define media queries such that one query ends 1px before the next one begins, which seems like it could be problematic and might be related.

Tracking this so we can investigate.