MD Settings: long dialog body should have overscroll line.

chrome/browser/resources/settings/passwords_and_forms_page/address_edit_dialog.html

 <link rel="import" href="chrome://resources/cr_elements/cr_dialog/cr_dialog.html">
+<link rel="import" href="chrome://resources/cr_elements/cr_scrollable_behavior.html">
 <link rel="import" href="chrome://resources/html/cr.html">
 <link rel="import" href="chrome://resources/html/i18n_behavior.html">
 <link rel="import" href="chrome://resources/html/md_select_css.html">
 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-a11y-keys/iron-a11y-keys.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-textarea.html">
 <link rel="import" href="../settings_shared_css.html">
 <link rel="import" href="../settings_vars_css.html">
 
@@ skipping 37 matching lines @@
       }
 
       .long {
         width: var(--paper-input-max-width);
       }
 
       #saveButton {
         -webkit-margin-start: 8px;
       }
 
-      #dialog .body {
-        max-height: 450px;
+      #dialog {
+        --cr-dialog-body-container: {
+          max-height: 450px; 
+        };
       }
 
       @media all and (max-height: 714px) {
-        #dialog .body {
-          max-height: 270px;
+        #dialog {
+          --cr-dialog-body-container: {
+            max-height: 270px; 
+          };
         }
       }

[dpapad, 2017/03/30 18:25:00]

Blank line between CSS rules missing?

[scottchen, 2017/03/30 19:24:34]

Done.

-
       paper-textarea {
         /**
          * Workaround for iron-autogrow-textarea's display:inline-block creating
          * too much vertical space than intended.
          */
         --layout-relative : {
           line-height: 1;
         };
       }
     </style>
-    <dialog is="cr-dialog" id="dialog" close-text="$i18n{close}">
+    <dialog is="cr-dialog" id="dialog" close-text="$i18n{close}"
+        show-scroll-borders>
       <div class="title">[[title_]]</div>
       <div class="body">
         <template is="dom-repeat" items="[[addressWrapper_]]">
           <div class="address-row">
             <template is="dom-repeat" items="[[item]]">
               <template is="dom-if" if="[[item.isTextArea]]">
                 <paper-textarea label="[[item.component.fieldName]]"
                     value="{{item.value}}" on-value-changed="updateCanSave_"
                     class$="address-column [[long_(item)]]" always-float-label
                     autofocus>
@@ skipping 48 matching lines @@
         </paper-button>
         <paper-button id="saveButton" class="action-button"
             disabled="[[!canSave_]]" on-tap="onSaveButtonTap_">
           $i18n{save}
         </paper-button>
       </div>
     </dialog>
   </template>
   <script src="address_edit_dialog.js"></script>
 </dom-module>