fix(dialog): styling custom dialog wrapped in form

Closes #2637
angular · May 8, 2015 · 666630c · 666630c · Rouby · May 11, 2015
1 parent 9110d1e
commit 666630c
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/components/dialog/demoBasicUsage/dialog1.tmpl.html b/src/components/dialog/demoBasicUsage/dialog1.tmpl.html
@@ -1,5 +1,5 @@
 <md-dialog aria-label="Mango (Fruit)">
-
+  <form>
   <md-dialog-content class="sticky-container">
     <md-subheader class="md-sticky-no-effect">Mango (Fruit)</md-subheader>
     <div>
@@ -30,5 +30,5 @@
       Useful
     </md-button>
   </div>
-
+  </form>
 </md-dialog>
diff --git a/src/components/dialog/dialog.scss b/src/components/dialog/dialog.scss
@@ -38,8 +38,14 @@ md-dialog {
   display: flex;
   flex-direction: column;
 
+  &> form {
+    display: flex;
+    flex-direction: column;
+    overflow: auto;
+  }
   md-dialog-content {
     order: 1;
+    flex-direction: column;
     padding: $dialog-padding;
     overflow: auto;
     -webkit-overflow-scrolling: touch;