[MD settings] ripple on mouse down in side nav

chrome/browser/resources/settings/settings_menu/settings_menu.html

 <link rel="import" href="chrome://resources/cr_elements/icons.html">
 <link rel="import" href="chrome://resources/html/assert.html">
 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-menu/paper-menu.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-menu/paper-submenu.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-ripple/paper-ripple.html">
 <link rel="import" href="/icons.html">
 <link rel="import" href="/route.html">
 <link rel="import" href="/settings_shared_css.html">
@@ skipping 120 matching lines @@
           <div data-path="/onStartup" on-tap="openPage_"
               hidden="[[!pageVisibility.onStartup]]">
             <iron-icon icon="settings:power-settings-new"></iron-icon>
             $i18n{onStartup}
           </div>
         </paper-menu>
       </div>
       <paper-submenu class="page-menu" id="advancedPage" actionable
           opened="{{advancedOpened_}}"
           hidden="[[!pageVisibility.advancedSettings]]">
-        <div class="menu-trigger" on-tap="ripple_">
+        <div class="menu-trigger" on-mousedown="ripple_">

[Dan Beam, 2016/09/15 01:11:09]

does this work with touchstart or keydown?

[dschuyler, 2016/09/16 21:15:18]

How about I just use a paper-ripple :)

           <span>$i18n{advancedPageTitle}</span>
           <iron-icon icon="[[arrowState_(advancedOpened_)]]"></iron-icon>
         </div>
         <paper-menu attr-for-selected="data-path" class="menu-content"
             id="advancedMenu" selected="[[currentRoute.path]]">
 <if expr="chromeos">
           <div data-path="/dateTime" on-tap="openPage_">
             <iron-icon icon="settings:access-time"></iron-icon>
             $i18n{dateTimePageTitle}
           </div>
@@ skipping 46 matching lines @@
       <paper-submenu class="page-menu">
         <div about-selected$="[[aboutSelected_]]" class="menu-trigger"
             id="about-menu" on-tap="openPage_" data-path="/help">
           $i18n{aboutPageTitle}
         </div>
       </paper-submenu>
     </paper-menu>
   </template>
   <script src="settings_menu.js"></script>
 </dom-module>