hide-gt-sm attribute not working

[verkestk]

This bug is visible on https://material.angularjs.org/0.11.2/#/layout/options.

As the screen resizes, the sibling element with the "show-sm" attribute appears and disappears as expected. But the "hide-gt-sm" element is always visible.

Tested in safari & chrome.

[ThomasBurleson]

Thank you. We are aware of this issue and will continue to improve the Layout features during the next several weeks.

[m19]

<div layout="column" hide show-gt-md>
</div>

Want to confirm this div is hidden on my Macbook Pro Retina screen with latest Chrome. Upgraded from 0.10.1 to 1.0.0-rc1

[chrisguerrero]

@ThomasBurleson

I'm experiencing the same issue after upgrading from v0.11.4 to v1.0.1. I use md-layout-css to disable the Layout JS engine per #5020:

http://codepen.io/chrisguerrero/pen/BjwazQ

When md-layout-css is removed, the class selectors added by the Layout JS engine work as expected. I require the layout selectors in my app because I use the ngMaterial grid system on non-angular pages.

[chrisguerrero]

It appears as though the issue is an incorrect attribute selector in layout-attributes.scss:

https://github.com/angular/material/blob/master/src/core/services/layout/layout-attributes.scss#L434

Compared to the same class definition in layout.scss:

https://github.com/chrisguerrero/material/blob/master/src/core/services/layout/layout.scss#L67