$mdDialog and forms
HTML
<script src="https://code.angularjs.org/1.3.2/angular.js"></script>
<script src="https://code.angularjs.org/1.3.2/angular-aria.js"></script>
<script src="https://code.angularjs.org/1.3.2/angular-animate.js"></script>
<script src="http://hammerjs.github.io/dist/hammer.min.js"></script>
<script src="https://rawgit.com/angular/bower-material/master/angular-material.js"></script>
<link rel="stylesheet" href="https://rawgit.com/angular/bower-material/master/angular-material.css">
<body ng-app="tabsDemo2">
<md-content class="sample" layout="row" style="border:solid greenyellow 3px" layout-fill>
<md-sidenav md-is-locked-open="true" md-component-id="left" class="md-sidenav-left" style="border: solid black 1px">
<md-toolbar>Toolbar</md-toolbar>
Left Nav!
</md-sidenav>
<md-tabs style="border:solid red 1px">
<md-tab label="Logs">
<div style="border: solid orange 1px; height: 100%">
<div>How do I get only the tab content to scroll?</div>
<div>bla bla</div>
<div>bla bla</div>
<div>bla bla</div>
<div>bla bla</div>
<div>bla bla</div>
<div>bla bla</div>
<div>bla bla</div>
<div>bla bla</div>
<div>bla bla</div>
<div>bla bla</div>
<div>bla bla</div>
<div>bla bla</div>
<div>bla bla</div>
<div>bla bla</div>
<div>bla bla</div>
<div>bla bla</div>
<div>bla bla</div>
<div>bla bla</div>
<div>bla bla</div>
<div>bla bla</div>
<div>bla bla</div>
<div>bla bla</div>
<div>bla bla</div>
<div>bla bla</div>
<div>bla bla</div>
<div>bla bla</div>
<div>bla bla</div>
<div>bla bla</div>
<div>bla bla</div>
<div>bla bla</div>
<div>bla bla</div>
<div>bla bla</div>
<div>bla bla</div>
<div>bla bla</div>
<div>bla...
JavaScript
angular.module('tabsDemo2', ['ngMaterial']);