[CUPS] MD Settings: Migrate from paper-dropdown-menu-light to native select

chrome/browser/resources/settings/printing_page/cups_add_printer_dialog.html

 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
-<link rel="import" href="chrome://resources/polymer/v1_0/paper-dropdown-menu/paper-dropdown-menu-light.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-spinner/paper-spinner.html">
 <link rel="import" href="/i18n_setup.html">
+<link rel="import" href="/md_select_css.html">
 <link rel="import" href="/printing_page/cups_add_printer_dialog_util.html">
 <link rel="import" href="/printing_page/cups_printers_browser_proxy.html">
 <link rel="import" href="/settings_shared_css.html">
 
 <dom-module id="add-printer-discovery-dialog">
   <template>
     <style include="settings-shared">

[dpapad, 2016/10/26 00:03:05]

The md-select styling is not applied unless you modify this line as follows 

<style include="settings-shared md-select">

Could you attach a screenshot to verify that everything looks as expected?

[stevenjb, 2016/10/26 00:05:19]

There are two dom-module instances in this file, md-select is added in line 78.

[dpapad, 2016/10/26 00:05:24]

Ok, ignore my comment. I got confused by the multiple dom-module definitions in
the same file.

       add-printer-list {
         max-height: 310px;
         overflow-y: auto;
         position: absolute;
         width: 100%;
       }
 
       .dialog-body .center {
         display: flex;
         justify-content: center;
@@ skipping 44 matching lines @@
             disabled="[[!selectedPrinter]]" on-tap="switchToConfiguringDialog_">
           $i18n{addPrinterButtonText}
         </paper-button>
       </div>
     </add-printer-dialog>
   </template>
 </dom-module>
 
 <dom-module id="add-printer-maually-dialog">
   <template>
-    <style include="settings-shared">
+    <style include="settings-shared md-select">
       #discoverPrintersButton {
         -webkit-margin-end: 153px;
       }
 
       .settings-box {
         border-top: none;
       }
 
       .settings-box.two-line {
         min-height: 72px;
@@ skipping 62 matching lines @@
                   value="{{newPrinter.printerAddress}}"
                   on-input="onAddressChanged_">
               </paper-input>
             </div>
           </div>
         </div>
         <div class="settings-box two-line">
           <div class="start">
             <div class="label">$i18n{printerProtocol}</div>
             <div class="secondary">
-              <paper-dropdown-menu-light no-label-float>
-                <paper-listbox class="dropdown-content"
-                    selected="{{newPrinter.printerProtocol}}"
-                    attr-for-selected="value">
-                  <paper-item value="ipp">
-                    $i18n{printerProtocolIpp}
-                  </paper-item>
-                  <paper-item value="ipps">
-                    $i18n{printerProtocolIpps}
-                  </paper-item>
-                  <paper-item value="http">
-                    $i18n{printerProtocolHttp}
-                  </paper-item>
-                  <paper-item value="https">
-                    $i18n{printerProtocolHttps}
-                  </paper-item>
-                  <paper-item value="socket">
-                    $i18n{printerProtocolAppSocket}
-                  </paper-item>
-                  <paper-item value="lpd">$i18n{printerProtocolLpd}</paper-item>
-                  <paper-item value="usb">$i18n{printerProtocolUsb}</paper-item>
-                </paper-listbox>
-              </paper-dropdown-menu-light>
+              <div class="md-select-wrapper">
+                <select class="md-select" 
+                    value="[[newPrinter.printerProtocol]]"
+                    on-change="onProtocolChange_">
+                  <option value="ipp">$i18n{printerProtocolIpp}</option>
+                  <option value="ipps">$i18n{printerProtocolIpps}</option>
+                  <option value="http">$i18n{printerProtocolHttp}</option>
+                  <option value="https">$i18n{printerProtocolHttps}</option>
+                  <option value="socket">$i18n{printerProtocolAppSocket}
+                  </option>
+                  <option value="lpd">$i18n{printerProtocolLpd}</option>
+                  <option value="usb">$i18n{printerProtocolUsb}</option>
+                </select>
+                <span class="md-select-underline"></span>
+              </div>
             </div>
           </div>
         </div>
         <div class="settings-box two-line">
           <div class="start">
             <div class="label">$i18n{printerQueue}</div>
             <div class="secondary">
               <paper-input no-label-float value="{{newPrinter.printerQueue}}">
               </paper-input>
             </div>
@@ skipping 181 matching lines @@
     <!-- Manufacturer and Model Dialog -->
     <template is="dom-if" if="[[showManufacturerDialog_]]" restamp>
       <add-printer-manufacturer-model-dialog new-printer="{{newPrinter}}"
           setup-failed="[[setupFailed]]">
       </add-printer-manufacturer-model-dialog>
     </template>
 
   </template>
   <script src="cups_add_printer_dialog.js"></script>
 </dom-module>