This repository has been archived by the owner on Aug 29, 2023. It is now read-only.
layout: flex-val inside layout-row and layout-column prevents media-dependent auto width #11466
Labels
has: Pull Request
A PR has been created to address this issue
P4: minor
Minor issues. May not be fixed without community contributions.
type: enhancement
ui: layout
Milestone
Bug:
Too specific "flex-val" selectors prevent applying media-dependent "auto" rules.
CodePen and steps to reproduce the issue:
CodePen Demo which demonstrates the issue
Detailed Reproduction Steps:
What is the expected behavior?
The described div's width should be "100%" on < 960px and "auto" on >= 960px
What is the current behavior?
The rule .layout-row > .flex-100 prevents @media (min-width: 960px) { .flex-gt-sm-auto {...} } from happening
Which versions of AngularJS, Material, OS, and browsers are affected?
The text was updated successfully, but these errors were encountered: