Fix sandbox animation dropdown

sandbox/animation.js

@@ -21,7 +21,7 @@ function formatId(name) {
 
 function displayDropdownContent(display) {
     if (display) {
-        dropdownContent.style.display = "flex";
+        dropdownContent.style.display = "block";
         chevronDown.style.display = "inline";
         chevronUp.style.display = "none";
         dropdownBtn.classList.add("open");
@@ -36,7 +36,7 @@ function displayDropdownContent(display) {
     }
 }
 dropdownBtn.addEventListener("click", function() {
-    if (dropdownContent.style.display === "flex") {
+    if (dropdownContent.style.display === "block") {
         displayDropdownContent(false);
     }
     else {

sandbox/index.css

@@ -386,6 +386,8 @@ a:visited {
     bottom: var(--footer-height);
     min-width: 135px;
     width: 200px;
+    max-height: 50vh;
+    overflow-y: auto;
     flex-direction: column;
     transition: all 0.3s ease; /* Add transition for hover effects */
 }