mdDialog Cutoff

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular-animate.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular-aria.min.js"></script>
<script src="https://gitcdn.xyz/repo/angular/bower-material/v0.10.0/angular-material.js"></script>
<link rel="stylesheet" href="https://gitcdn.xyz/repo/angular/bower-material/v0.10.1/angular-material.css">
<div ng-app="app" ng-controller='AppCtrl'>
    <header>Scroll, and click any paragraph to open a dialog.</header>
    <p ng-repeat="p in paragraphs track by $index" ng-click="openDialog($event)">{{::p}}</p>
</div>

CSS

body {
    /*
     * Any valid overflow that is not "initial" here causes the dialog to get cut off.
    */
    overflow: auto;
}

header {
    position: fixed; top: 0; left: 0; width: 100%;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.25);
    background: #900;
    color: #FFF;
    padding: 5px;
}
p {cursor:pointer;}

JavaScript

var app = angular.module('app', [
  'ngAnimate',
  'material.components.dialog',
]);

app.controller('AppCtrl', function ($scope, $mdDialog) {
    $scope.paragraphs = [
        'Lorem ipsum dolor sit amet, consectetur adipiscing elit.', 'Donec non nulla eu leo venenatis scelerisque.', 'Quisque accumsan tincidunt semper.', 'Sed auctor eu mauris eget elementum.', 'Pellentesque quis rutrum ante.', 'Ut iaculis mollis ullamcorper.', 'In sit amet eros at nisl auctor lacinia.', 'Duis sapien tellus, tincidunt eget aliquam vitae, tincidunt vitae tortor.', 'Nullam non dolor vel lorem posuere dapibus ut at sem.', 'Praesent tristique lacus erat, in condimentum ante sollicitudin ac.', 'Nam gravida, ex ac sollicitudin sagittis, orci arcu suscipit odio, at placerat mauris mauris id nisl.', 'Morbi vel venenatis enim.', 'Mauris aliquet, diam posuere dictum volutpat, libero risus efficitur sapien, mollis hendrerit dui dolor at nunc.', 'Sed ut interdum nunc.', 'Sed iaculis sapien arcu, quis facilisis risus congue hendrerit.', 'Vestibulum eget mauris sed ex lacinia porttitor.', 'Morbi efficitur posuere pellentesque.', 'Donec dui enim, tincidunt non feugiat in, euismod eget turpis.', 'Vivamus placerat dictum quam, vitae molestie mauris tincidunt in.', 'Aenean feugiat lorem odio, sed tincidunt felis ornare sed.', 'Aenean bibendum vehicula turpis, et pellentesque massa ultrices sit amet.', 'Etiam id maximus nunc, id hendrerit odio.', 'Suspendisse convallis urna vel orci tempus suscipit.', 'Etiam molestie, nisi sit amet auctor sodales, odio orci maximus massa, vel laoreet nunc justo in dolor.', 'Maecenas aliquam, felis vitae fringilla semper, turpis dui ultricies arcu, a tempus est lorem quis lectus.', 'Sed eu nibh tempus, luctus orci facilisis, efficitur mauris.', 'Etiam viverra enim in dolor sollicitudin, in sagittis mauris dictum.', 'Nam magna orci, ultricies id augue ut, tincidunt placerat nunc.', 'Quisque in urna eu tortor maximus faucibus.', 'Aliquam ac finibus diam.',...