Fix the pref binding by binding to the object rather than the element

chrome/browser/resources/settings/a11y_page/a11y_page.html

 <link rel="import" href="chrome://resources/polymer/v0_8/polymer/polymer.html">
 <link rel="import" href="chrome://resources/polymer/v0_8/paper-material/paper-material.html">
 <link rel="import" href="chrome://md-settings/checkbox/checkbox.html">
 
 <dom-module id="cr-settings-a11y-page">
   <link rel="import" type="css"
       href="chrome://md-settings/settings_page/settings_page.css">
   <link rel="import" type="css" href="a11y_page.css">
   <template>
     <paper-material>
       <div class="more-a11y-link">
         <a href="https://chrome.google.com/webstore/category/collection/accessibility"
             target="_blank" i18n-content="accessibilityMoreFeaturesLink"></a>
       </div>
 
 <if expr="chromeos">
       <cr-settings-checkbox
-          pref="{{prefs.settings.settings.a11y.enable_menu}}"
+          pref="{{prefs.settings.a11y.enable_menu}}"
           i18n-values="label:accessibilityOptionsInMenuLabel">
       </cr-settings-checkbox>
       <cr-settings-checkbox
-          pref="{{prefs.settings.settings.a11y.large_cursor_enabled}}"
+          pref="{{prefs.settings.a11y.large_cursor_enabled}}"
           i18n-values="label:accessibilityLargeMouseCursorLabel">
       </cr-settings-checkbox>
       <cr-settings-checkbox
-          pref="{{prefs.settings.settings.a11y.high_contrast_enabled}}"
+          pref="{{prefs.settings.a11y.high_contrast_enabled}}"
           i18n-values="label:accessibilityHighContrastLabel">
       </cr-settings-checkbox>
       <cr-settings-checkbox
-          pref="{{prefs.settings.settings.a11y.sticky_keys_enabled}}"
+          pref="{{prefs.settings.a11y.sticky_keys_enabled}}"
           i18n-values="label:accessibilityStickyKeysLabel;
                        subLabel:accessibilityStickyKeysSublabel">
       </cr-settings-checkbox>
-      <cr-settings-checkbox pref="{{prefs.settings.settings.accessibility}}"
+      <cr-settings-checkbox pref="{{prefs.settings.accessibility}}"
           i18n-values="label:accessibilityChromeVoxLabel;
                        subLabel:accessibilityChromeVoxSublabel">
       </cr-settings-checkbox>
       <cr-settings-checkbox
-          pref="{{prefs.settings.settings.a11y.screen_magnifier}}"
+          pref="{{prefs.settings.a11y.screen_magnifier}}"
           i18n-values="label:accessibilityScreenMagnifierLabel">
       </cr-settings-checkbox>
       <cr-settings-checkbox
-          pref="{{prefs.settings.settings.touchpad.enable_tap_dragging}}"
+          pref="{{prefs.settings.touchpad.enable_tap_dragging}}"
           i18n-values="label:accessibilityTapDraggingLabel">
       </cr-settings-checkbox>
-      <cr-settings-checkbox pref="{{prefs.settings.settings.a11y.autoclick}}"
+      <cr-settings-checkbox pref="{{prefs.settings.a11y.autoclick}}"
           i18n-values="label:accessibilityClickOnStopLabel">
       </cr-settings-checkbox>
 
       <div class="autoclick-delay-label"
-          hidden$="{{!prefs.settings.settings.a11y.autoclick}}">
+          hidden$="{{!prefs.settings.a11y.autoclick}}">
         <span i18n-content="accessibilityDelayBeforeClickLabel"></span>
-        <select id="autoclickDropdown" on-change="autoclickSelectChanged_">
+        <select id="autoclickDropdown" on-change="autoclickSelectChanged_"
+            value="{{prefs.settings.a11y.autoclick_delay_ms}}">

[michaelpg, 2015/05/13 23:49:50]

add ::change for native element

[Jeremy Klein, 2015/05/14 00:53:52]

Totally forgot about this. Great call!

           <option value="200"
               i18n-content="accessibilityDelayBeforeClickExtremelyShort">
           </option>
           <option value="400"
               i18n-content="accessibilityDelayBeforeClickVeryShort">
           </option>
           <option value="600"
               i18n-content="accessibilityDelayBeforeClickShort">
           </option>
           <option value="800"
               i18n-content="accessibilityDelayBeforeClickLong">
           </option>
           <option value="1000"
               i18n-content="accessibilityDelayBeforeClickVeryLong">
           </option>
         </select>
       </div>
 
       <cr-settings-checkbox
-          pref="{{prefs.settings.settings.a11y.virtual_keyboard}}"
+          pref="{{prefs.settings.a11y.virtual_keyboard}}"
           i18n-values="label:accessibilityOnScreenKeyboardLabel">
       </cr-settings-checkbox>
 </if>
 
     </paper-material>
   </template>
   <script src="a11y_page.js"></script>
 </dom-module>