I'm having a hard time telling what's wrong with the following layout.
I'm trying to keep a SPA layout with the "deepest" component only being scrollable if the VH is too small (marked in the snippet with
border: 3px solid black
You should use the angular-material
layout="column|row on the parents and
md-content for the scrollable element.
<div flex="" class="maincontent pushable" layout="column"> <div flex="" class="pusher" layout="column"> <!-- ngView: content-wrapper --> <md-content id="content-wrapper" flex="">
Here is a working pen: http://codepen.io/kuhnroyal/pen/QEmOvk
And you should read https://material.angularjs.org/latest/layout/container