Fix ToC filter in default theme. (#457)

* Fix filter functionality.

* Add missing semicolon.

* Update tests.

* Replace whitespace to appease tests.

* Tweak whitespace.

* Tweak whitespace.

Author: odub

default_theme/assets/site.js

@@ -11,7 +11,7 @@ var tocElements = document.getElementById('toc')
 document.getElementById('filter-input')
   .addEventListener('keyup', function (e) {
 
-    var i, element;
+    var i, element, children;
 
     // enter key
     if (e.keyCode === 13) {
@@ -32,14 +32,15 @@ document.getElementById('filter-input')
     var value = this.value.toLowerCase();
 
     if (!value.match(/^\s*$/)) {
-      match = function (text) {
-        return text.toLowerCase().indexOf(value) !== -1;
+      match = function (element) {
+        return element.firstChild.innerHTML.toLowerCase().indexOf(value) !== -1;
       };
     }
 
     for (i = 0; i < tocElements.length; i++) {
       element = tocElements[i];
-      if (match(element.firstChild.innerHTML)) {
+      children = Array.from(element.getElementsByTagName('li'));
+      if (match(element) || children.some(match)) {
         element.classList.remove('display-none');
       } else {
         element.classList.add('display-none');
@@ -71,7 +72,7 @@ for (var j = 0; j < items.length; j++) {
 
 function toggleSibling() {
   var stepSibling = this.parentNode.getElementsByClassName('toggle-target')[0];
-  var icon = this.getElementsByClassName('icon')[0]
+  var icon = this.getElementsByClassName('icon')[0];
   var klass = 'display-none';
   if (stepSibling.classList.contains(klass)) {
     stepSibling.classList.remove(klass);

default_theme/index._

@@ -34,7 +34,7 @@
                 <div class='toggle-target display-none'>
                   <% if (doc.members.static && doc.members.static.length) { %>
                   <ul class='list-reset py1-ul pl1'>
-                    <li class='h5'>Static members</li>
+                    <li class='h5'><span>Static members</span></li>
                     <% doc.members.static.forEach(function(member) { %>
                       <li><a
                         href='#<%=member.namespace%>'
@@ -46,7 +46,7 @@
                   <% } %>
                   <% if (doc.members.instance && doc.members.instance.length) { %>
                     <ul class='list-reset py1-ul pl1'>
-                      <li class='h5'>Instance members</li>
+                      <li class='h5'><span>Instance members</span></li>
                       <% doc.members.instance.forEach(function(member) { %>
                       <li><a
                         href='#<%=member.namespace%>'

test/fixture/html/nested.output.files

@@ -34,7 +34,7 @@
                 <div class='toggle-target display-none'>
 
                   <ul class='list-reset py1-ul pl1'>
-                    <li class='h5'>Static members</li>
+                    <li class='h5'><span>Static members</span></li>
 
                       <li><a
                         href='#Klass.isClass'
@@ -76,7 +76,7 @@
 
 
                     <ul class='list-reset py1-ul pl1'>
-                      <li class='h5'>Instance members</li>
+                      <li class='h5'><span>Instance members</span></li>
 
                       <li><a
                         href='#Klass#getFoo'
@@ -139,7 +139,7 @@
 
 
                     <ul class='list-reset py1-ul pl1'>
-                      <li class='h5'>Instance members</li>
+                      <li class='h5'><span>Instance members</span></li>
 
                       <li><a
                         href='#Foo#bar'
@@ -165,7 +165,7 @@
                 <div class='toggle-target display-none'>
 
                   <ul class='list-reset py1-ul pl1'>
-                    <li class='h5'>Static members</li>
+                    <li class='h5'><span>Static members</span></li>
 
                       <li><a
                         href='#customStreams.passthrough'