Group documentableItem elements & adjust event listener

Author: szymon-rd

scaladoc/resources/dotty_res/scripts/ux.js

@@ -10,10 +10,11 @@ window.addEventListener("DOMContentLoaded", () => {
   var elements = document.getElementsByClassName("documentableElement")
   if (elements) {
     for (i = 0; i < elements.length; i++) {
-      if (elements[i].querySelector(".show-content") !== null) {
-        elements[i].onclick = function (e) {
+      var expanderChild = elements[i].querySelector(".documentableElement-expander")
+      if (elements[i].querySelector(".show-content") !== null && expanderChild !== null) {
+        expanderChild.onclick = function (e) {
           if (!$(e.target).is("a") && e.fromSnippet !== true) {
-            this.classList.toggle("expand")
+            this.parentElement.classList.toggle("expand")
             this.querySelector(".show-content").classList.toggle("expand")
           }
         }

scaladoc/src/dotty/tools/scaladoc/renderers/MemberRenderer.scala

@@ -184,9 +184,11 @@ class MemberRenderer(signatureRenderer: SignatureRenderer)(using DocContext) ext
     val annots = annotations(member)
 
     div(topLevelAttr:_*)(
-      Option.when(annots.nonEmpty || originInf.nonEmpty || memberInf.nonEmpty)(button(cls := "icon-button show-content")).toList,
-      annots.map(div(_)).toList,
-      div(cls := "header monospace")(memberSignature(member)),
+      div(cls := "documentableElement-expander")(
+        Option.when(annots.nonEmpty || originInf.nonEmpty || memberInf.nonEmpty)(button(cls := "icon-button show-content")).toList,
+        annots.map(div(_)).toList,
+        div(cls := "header monospace")(memberSignature(member)),
+      ),
       Option.when(originInf.nonEmpty || memberInf.nonEmpty)(
         div(cls := "docs")(
           span(cls := "modifiers"), // just to have padding on left