--- a/toolkit/content/aboutTelemetry.js
+++ b/toolkit/content/aboutTelemetry.js
@@ -1145,16 +1145,17 @@ var ThreadHangStats = {
    * Creates and fills data corresponding to a thread
    */
   renderThread(aThread) {
     let div = document.createElement("div");
 
     let title = document.createElement("h2");
     title.textContent = aThread.name;
     div.appendChild(title);
+    div.id = title;
 
     // Don't localize the histogram name, because the
     // name is also used as the div element's ID
     Histogram.render(div, aThread.name + "-Activity",
                      aThread.activity, {exponential: true}, true);
     aThread.hangs.forEach((hang, index) => {
       let hangName = aThread.name + "-Hang-" + (index + 1);
       let hangDiv = Histogram.render(
@@ -1457,16 +1458,24 @@ var Search = {
     } else if (selectedSection.id === "keyed-scalars-section") {
       let keyedElements = [];
       let keyedScalars = selectedSection.getElementsByClassName("keyed-scalar");
       for (let key of keyedScalars) {
         let datas = key.querySelector("table").rows;
         keyedElements.push({key, datas});
       }
       this.filterKeyedElements(keyedElements, text);
+    } else if (selectedSection.id === "thread-hang-stats-section") {
+      let keyedElements = [];
+      let threads = selectedSection.children[0].children;
+      for (let key of threads) {
+        let datas = key.getElementsByClassName("histogram");
+        keyedElements.push({key, datas});
+      }
+      this.filterKeyedElements(keyedElements, text);
     } else {
       let tables = selectedSection.querySelectorAll("table");
       for (let table of tables) {
         this.filterElements(table.rows, text);
       }
     }
   },
 }