MD Settings: Search page, switching paper-dropdown-menu to native select.

chrome/browser/resources/settings/search_page/search_page.html

Index: chrome/browser/resources/settings/search_page/search_page.html
diff --git a/chrome/browser/resources/settings/search_page/search_page.html b/chrome/browser/resources/settings/search_page/search_page.html
index 365709792fe07d0a849897f37c50ee03cb075d55..e9cb518c5540a116388057e6a38ca82d8af1e686 100644
--- a/chrome/browser/resources/settings/search_page/search_page.html
+++ b/chrome/browser/resources/settings/search_page/search_page.html
@@ -1,34 +1,30 @@
 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animatable.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-icon-button/paper-icon-button-light.html">
-<link rel="import" href="chrome://resources/polymer/v1_0/paper-listbox/paper-listbox.html">
 <link rel="import" href="/route.html">
 <link rel="import" href="/search_engines_page/search_engines_page.html">
 <link rel="import" href="/search_engines_page/search_engines_browser_proxy.html">
 <link rel="import" href="/settings_page/settings_animated_pages.html">
 <link rel="import" href="/settings_page/settings_subpage.html">
 <link rel="import" href="/settings_shared_css.html">
+<link rel="import" href="/select_css.html">
 
 <dom-module id="settings-search-page">
   <template>
-    <style include="settings-shared"></style>
+    <style include="settings-shared select"></style>
     <settings-animated-pages id="pages" section="search">
       <neon-animatable route-path="default">
         <div class="settings-box first">
           <p class="start">$i18n{searchExplanation}</p>
-          <paper-dropdown-menu-light vertical-align="auto" no-label-float>
-            <paper-listbox class="dropdown-content"
-                selected="[[getSelectedSearchEngineIndex_(searchEngines_)]]"
-                on-iron-select="onIronSelect_">
+          <div>
+            <select on-change="onChange_">
               <template is="dom-repeat" items="[[searchEngines_]]">
-                <button class="dropdown-item" role="option">
-                  [[item.name]]
-                </button>
+                <option selected$="[[item.default]]">[[item.name]]</option>
               </template>
-            </paper-listbox>
-          </paper-dropdown-menu-light>
+            </select>
+            <span class="select-underline"></span>
+          </div>
         </div>
         <div id="subpage-trigger" class="settings-box two-line"
             on-tap="onManageSearchEnginesTap_" actionable>