fix(dialog): makes sure that body is not more than 100% height when d…

…ialog is showing

This is a bit of a band-aid fix.  Ideally, we will need to add a bit of logic to position the dialog relative to body scroll position.

src/components/dialog/dialog.js

@@ -418,6 +418,7 @@ function MdDialogProvider($$interimElementProvider) {
 
     // On show method for dialogs
     function onShow(scope, element, options) {
+      angular.element($document[0].body).addClass('md-dialog-is-showing');
       element = $mdUtil.extractElementByName(element, 'md-dialog');
 
       // Incase the user provides a raw dom element, always wrap it in jqLite
@@ -504,6 +505,7 @@ function MdDialogProvider($$interimElementProvider) {
 
     // On remove function for all dialogs
     function onRemove(scope, element, options) {
+      angular.element($document[0].body).removeClass('md-dialog-is-showing');
 
       if (options.backdrop) {
         $animate.leave(options.backdrop);

src/components/dialog/dialog.scss

@@ -1,3 +1,6 @@
+.md-dialog-is-showing {
+  max-height: 100%;
+}
 .md-dialog-container {
   display: flex;
   justify-content: center;