When md-select gets opened it rearranges the DOM and the layout goes crazy.
The layout of the site is <body layout="row"> with 2 main children one being <md-sidenav> and second being the main <div layout="column" layout-fill role="main" ui-view="main"></div> where the Angular injects the view. md-select is located inside the <div ui-view="main".
First screenshot is before md-select is opened
This screenshots is while its open
And finally when md-select is closed we can see the action moved the <div ui-view="main"> to the top effectively moving the <md-sidenav> from left to right because of the flex layout ordering.
When
md-selectgets opened it rearranges the DOM and the layout goes crazy.The layout of the site is
<body layout="row">with 2 main children one being<md-sidenav>and second being the main<div layout="column" layout-fill role="main" ui-view="main"></div>where the Angular injects the view.md-selectis located inside the<div ui-view="main".First screenshot is before
md-selectis openedThis screenshots is while its open
And finally when
md-selectis closed we can see the action moved the<div ui-view="main">to the top effectively moving the<md-sidenav>from left to right because of the flex layout ordering.