MD Settings: Proof of concept, highlighting search matches across Shadow DOM boundaries.

chrome/browser/resources/settings/settings_ui/settings_ui.js

Index: chrome/browser/resources/settings/settings_ui/settings_ui.js
diff --git a/chrome/browser/resources/settings/settings_ui/settings_ui.js b/chrome/browser/resources/settings/settings_ui/settings_ui.js
index ebd72d3c9291156d6ee95069da506804a7856775..d82ac3a44afa784386b0b488ad99a04dc2424843 100644
--- a/chrome/browser/resources/settings/settings_ui/settings_ui.js
+++ b/chrome/browser/resources/settings/settings_ui/settings_ui.js
@@ -54,4 +54,15 @@ Polymer({
   directionDelegateChanged_: function() {
     this.$.panel.rightDrawer = this.directionDelegate.isRtl();
   },
+
+  attached: function() {
+    this.$.searchInput.addEventListener('search', function(event) {
+      search(this.$.searchInput.value, this);
+    }.bind(this));
+  },
+
+  onCancelSearchTap_: function() {
+    this.$.searchInput.value = '';
+    search(this.$.searchInput.value, this);
+  },
 });