MD Settings Fix associated-control for bluetooth, people, device subpage

chrome/browser/resources/settings/device_page/device_page.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/html/web_ui_listener_behavior.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-icon-button/paper-icon-button-light.html">
 <link rel="import" href="device_page_browser_proxy.html">
 <link rel="import" href="display.html">
 <link rel="import" href="keyboard.html">
 <link rel="import" href="pointers.html">
@@ skipping 18 matching lines @@
           <button class="subpage-arrow" is="paper-icon-button-light"
               aria-label$="[[getPointersTitle_(hasMouse_,
                   hasTouchpad_)]]"></button>
         </div>
         <div id="keyboardRow" class="settings-box" on-tap="onKeyboardTap_"
             actionable>
           <div class="start">$i18n{keyboardTitle}</div>
           <button class="subpage-arrow" is="paper-icon-button-light"
               aria-label="$i18n{keyboardTitle}"></button>
         </div>
-        <template is="dom-if" if="[[hasStylus_]]">
-          <div id="stylusRow" class="settings-box" on-tap="onStylusTap_"
-              actionable>
-            <div class="start">$i18n{stylusTitle}</div>
+        <div id="stylusRow" class="settings-box" on-tap="onStylusTap_"

[dpapad, 2017/03/01 02:08:05]

Is this change from dom-if to hidden necessary?

[stevenjb, 2017/03/01 16:49:57]

Actually, no. I thought it was before I thought to do
no-search$="[[!hasStylus_]], but with that change this is unnecessary. Reverted.

+            actionable hidden$="[[!hasStylus_]]">
+          <div class="start">$i18n{stylusTitle}</div>
           <button class="subpage-arrow" is="paper-icon-button-light"
               aria-label="$i18n{stylusTitle}"></button>
-          </div>
-        </template>
+        </div>
         <div id="displayRow" class="settings-box" on-tap="onDisplayTap_"
             actionable>
           <div class="start">$i18n{displayTitle}</div>
           <button class="subpage-arrow" is="paper-icon-button-light"
               aria-label="$i18n{displayTitle}"></button>
         </div>
         <div id="storageRow" class="settings-box" on-tap="onStorageTap_"
             actionable>
           <div class="start">$i18n{storageTitle}</div>
           <button class="subpage-arrow" is="paper-icon-button-light"
@@ skipping 37 matching lines @@
           </settings-pointers>
         </settings-subpage>
       </template>
       <template is="dom-if" route-path="/keyboard-overlay">
         <settings-subpage
             associated-control="[[$$('#keyboardRow')]]"
             page-title="$i18n{keyboardTitle}">
           <settings-keyboard prefs="{{prefs}}"></settings-keyboard>
         </settings-subpage>
       </template>
-      <template is="dom-if" route-path="/stylus">
+      <template is="dom-if" route-path="/stylus" no-search$="[[!hasStylus_]]">
         <settings-subpage
             associated-control="[[$$('#stylusRow')]]"
             page-title="$i18n{stylusTitle}">
           <settings-stylus prefs="{{prefs}}"></settings-stylus>
         </settings-subpage>
       </template>
       <template is="dom-if" route-path="/display">
         <settings-subpage
             associated-control="[[$$('#displayRow')]]"
             page-title="$i18n{displayTitle}">
           <settings-display></settings-display>
         </settings-subpage>
       </template>
       <template is="dom-if" route-path="/storage">
         <settings-subpage
             associated-control="[[$$('#storageRow')]]"
             page-title="$i18n{storageTitle}">
           <settings-storage></settings-storage>
         </settings-subpage>
       </template>
     </settings-animated-pages>
   </template>
   <script src="device_page.js"></script>
 </dom-module>