Fixed docstring collapse/expand icon not changing when clicking rapidly

CHANGELOG.md

@@ -3,6 +3,12 @@
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## Version [v1.1.1] - 2023-10-12
+
+### Fixed
+
+* Fixed, docstring collapse/expand icon not changing correctly when clicking rapidly. ([#2103], [#2217])
+
 ## Version [v1.1.0] - 2023-09-28
 
 ### Added
@@ -1256,6 +1262,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 [v0.27.25]: https://github.com/JuliaDocs/Documenter.jl/releases/tag/v0.27.25
 [v1.0.0]: https://github.com/JuliaDocs/Documenter.jl/releases/tag/v1.0.0
 [v1.0.1]: https://github.com/JuliaDocs/Documenter.jl/releases/tag/v1.0.1
+[v1.1.0]: https://github.com/JuliaDocs/Documenter.jl/releases/tag/v1.1.0
 [#198]: https://github.com/JuliaDocs/Documenter.jl/issues/198
 [#245]: https://github.com/JuliaDocs/Documenter.jl/issues/245
 [#487]: https://github.com/JuliaDocs/Documenter.jl/issues/487
@@ -1662,6 +1669,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 [#2081]: https://github.com/JuliaDocs/Documenter.jl/issues/2081
 [#2085]: https://github.com/JuliaDocs/Documenter.jl/issues/2085
 [#2100]: https://github.com/JuliaDocs/Documenter.jl/issues/2100
+[#2103]: https://github.com/JuliaDocs/Documenter.jl/issues/2103
 [#2128]: https://github.com/JuliaDocs/Documenter.jl/issues/2128
 [#2130]: https://github.com/JuliaDocs/Documenter.jl/issues/2130
 [#2134]: https://github.com/JuliaDocs/Documenter.jl/issues/2134

Project.toml

@@ -1,6 +1,6 @@
 name = "Documenter"
 uuid = "e30172f5-a6a5-5a46-863b-614d45cd2de4"
-version = "1.1.0"
+version = "1.1.1"
 
 [deps]
 ANSIColoredPrinters = "a4c015fc-c6ff-483c-b24f-f7ea428134e9"

assets/html/js/collapse.js

@@ -1,57 +1,72 @@
 // libraries: jquery
 // arguments: $
 
+let timer = 0;
 var isExpanded = true;
 
 $(document).on("click", ".docstring header", function () {
   let articleToggleTitle = "Expand docstring";
 
-  if ($(this).siblings("section").is(":visible")) {
-    $(this)
-      .find(".docstring-article-toggle-button")
-      .removeClass("fa-chevron-down")
-      .addClass("fa-chevron-right");
-  } else {
-    $(this)
-      .find(".docstring-article-toggle-button")
-      .removeClass("fa-chevron-right")
-      .addClass("fa-chevron-down");
+  debounce(() => {
+    if ($(this).siblings("section").is(":visible")) {
+      $(this)
+        .find(".docstring-article-toggle-button")
+        .removeClass("fa-chevron-down")
+        .addClass("fa-chevron-right");
+    } else {
+      $(this)
+        .find(".docstring-article-toggle-button")
+        .removeClass("fa-chevron-right")
+        .addClass("fa-chevron-down");
 
-    articleToggleTitle = "Collapse docstring";
-  }
+      articleToggleTitle = "Collapse docstring";
+    }
 
-  $(this)
-    .find(".docstring-article-toggle-button")
-    .prop("title", articleToggleTitle);
-  $(this).siblings("section").slideToggle();
+    $(this)
+      .find(".docstring-article-toggle-button")
+      .prop("title", articleToggleTitle);
+    $(this).siblings("section").slideToggle();
+  });
 });
 
 $(document).on("click", ".docs-article-toggle-button", function () {
   let articleToggleTitle = "Expand docstring";
   let navArticleToggleTitle = "Expand all docstrings";
 
-  if (isExpanded) {
-    $(this).removeClass("fa-chevron-up").addClass("fa-chevron-down");
-    $(".docstring-article-toggle-button")
-      .removeClass("fa-chevron-down")
-      .addClass("fa-chevron-right");
+  debounce(() => {
+    if (isExpanded) {
+      $(this).removeClass("fa-chevron-up").addClass("fa-chevron-down");
+      $(".docstring-article-toggle-button")
+        .removeClass("fa-chevron-down")
+        .addClass("fa-chevron-right");
 
-    isExpanded = false;
+      isExpanded = false;
 
-    $(".docstring section").slideUp();
-  } else {
-    $(this).removeClass("fa-chevron-down").addClass("fa-chevron-up");
-    $(".docstring-article-toggle-button")
-      .removeClass("fa-chevron-right")
-      .addClass("fa-chevron-down");
+      $(".docstring section").slideUp();
+    } else {
+      $(this).removeClass("fa-chevron-down").addClass("fa-chevron-up");
+      $(".docstring-article-toggle-button")
+        .removeClass("fa-chevron-right")
+        .addClass("fa-chevron-down");
 
-    isExpanded = true;
-    articleToggleTitle = "Collapse docstring";
-    navArticleToggleTitle = "Collapse all docstrings";
+      isExpanded = true;
+      articleToggleTitle = "Collapse docstring";
+      navArticleToggleTitle = "Collapse all docstrings";
 
-    $(".docstring section").slideDown();
-  }
+      $(".docstring section").slideDown();
+    }
 
-  $(this).prop("title", navArticleToggleTitle);
-  $(".docstring-article-toggle-button").prop("title", articleToggleTitle);
+    $(this).prop("title", navArticleToggleTitle);
+    $(".docstring-article-toggle-button").prop("title", articleToggleTitle);
+  });
 });
+
+function debounce(callback, timeout = 300) {
+  if (Date.now() - timer > timeout) {
+    callback();
+  }
+
+  clearTimeout(timer);
+
+  timer = Date.now();
+}

assets/html/scss/documenter-dark.scss

@@ -127,4 +127,58 @@ html.theme--#{$themename} {
   .hljs-subst {
     color: #f8f8f2;
   }
+
+  .search-result-link {
+    border-radius: 0.7em;
+    transition: all 300ms;
+  }
+
+  .search-result-link:hover, .search-result-link:focus {
+    background-color: rgba(0, 128, 128, 0.1);
+  }
+
+  .search-result-link .property-search-result-badge {
+    transition: all 300ms;
+  }
+
+  .search-result-link:hover .property-search-result-badge, .search-result-link:focus .property-search-result-badge {
+    color: #333 !important;
+    background-color: #f1f5f9 !important;
+  }
+
+  .property-search-result-badge {
+    padding: 0.15em 0.5em;
+    font-size: 0.8em;
+    font-style: italic;
+    text-transform: none !important;
+    line-height: 1.5;
+    color: whitesmoke;
+    background-color: #33415580;
+    border-radius: 0.6rem;
+  }
+
+  .search-result-title {
+    color: whitesmoke;
+  }
+
+  .search-result-highlight {
+    background-color: greenyellow;
+    color: black;
+  }
+
+  .search-divider {
+    border-bottom: 1px solid #5e6d6f50
+  }
+
+  .w-100 {
+    width: 100%;
+  }
+
+  .gap-2 {
+    gap: 0.5rem;
+  }
+
+  .gap-4 {
+    gap: 1rem;
+  }
 }

assets/html/scss/documenter-light.scss

@@ -41,3 +41,7 @@ code.language-julia-repl > span.hljs-meta {
 // Workaround to compile in highlightjs theme, so that we could have different
 // themes for both
 @import "highlightjs/default";
+
+.gap-4 {
+  gap: 1rem;
+}