Only render experimental examples section when experimental examples …

…present
w3c · Jun 10, 2024 · d4e4c32 · d4e4c32
1 parent 9ee1942
commit d4e4c32
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/content/index/index.html b/content/index/index.html
@@ -904,11 +904,7 @@ <h2 id="examples_by_props_label">Examples By Properties and States</h2>
           </tr></tbody>
       </table>
     </section>
-    <section id="examples_experimental">
-      <h2 id="examples_experimental_label">Experimental Examples</h2>
-      <div><strong>NOTE:</strong> The HC abbreviation means example has High Contrast support.</div>
-      <ul id="examples_experimental_ul"></ul>
-    </section>
+
   </main>
 
 

diff --git a/scripts/reference-tables.js b/scripts/reference-tables.js
@@ -407,9 +407,14 @@ const examplesExperimental = indexOfExperimentalContent
   .map(exampleListItem)
   .join('');
 
-$('#examples_by_props_tbody').html(examplesByProps);
+if (examplesExperimental.length === 0) {
+  // Do no display the experimental section if there are no experimental examples
+  $('#examples_experimental').remove();
+} else {
+  $('#examples_experimental_ul').html(examplesExperimental);
+}
 
-$('#examples_experimental_ul').html(examplesExperimental);
+$('#examples_by_props_tbody').html(examplesByProps);
 
 // cheerio seems to fold the doctype lines despite the template
 const result = $.html()