grid-list: md-cols attribute was not found, or contained a non-numeric value

[weasnerb]

Hello Angular Team!

This is a very easy to reproduce bug that is preventing the grid list to initialize when the OS has Screen scaling at 125%, 150%, and 175% and the browser window is set to a width of 1,279px. Specifically at this size it seems that some of the layout like hide-gt-sm also seems to break

The error is : md-grid-list: md-cols attribute was not found, or contained a non-numeric value I believe that this is somewhat similar to issue 6381

To Reproduce:

• Go to Windows Settings -> System -> Display
• Set scale to 125%, 150%, or 175%
• Open console.
• Resize Browser/viewport width to 1279px
• Open the grid list demo link : https://material.angularjs.org/latest/demo/gridList
• See the error.
• NOTE: You are also able to see the hamburger menu icon next to the Breadcrumb 'Demos > Grid List' even though it has a class of hide-gt-sm. It is also noteworthy that the View Demo Icon, and View Source on Github Link next to the API Reference md-select are also visible at this width. (So this may be a layout issue? In which case, all of these issues may be caused by fractional pixels due to scaling?)
• To check width on Firefox http://ryanve.com/lab/dimensions/ can be helpful.

AngularJS Versions: *

• AngularJS Version: 1.5.5
• AngularJS Material Version: 1.1.5

Additional Information:

• Browser Type: Chrome, Firefox
• Does not occur on Microsoft Edge
• Browser Version: Chrome: Version 62, Firefox: 56.0 & 57.0
• OS: Windows 10

Thanks!

[fnmut]

Also getting this issue on Win7 / Chrome

[BobDankert]

I am also seeing this issue. Win10, Chrome

[fnmut]

I resolved this issue by setting an md-cols attribute (no size) to the md-grid-list

[weasnerb]

I tried adding a md-cols as mentioned, and it did not fix my issue with grid list.