fix: proper dropdown width

dokka-subprojects/plugin-base-frontend/src/main/ui-kit/dropdown/index.ts

@@ -35,11 +35,23 @@ function toggleDropdownButton(button: Element): void {
 }
 
 function toggleDropdownList(list: Element | null, minWidth?: number): void {
-  list?.classList.toggle('dropdown--list_expanded');
+  if (list) {
+    list.classList.toggle('dropdown--list_expanded');
+    if (list.classList.contains('dropdown--list_expanded')) {
+      setListMinWidth(list, minWidth);
+    } else {
+      setListMinWidth(list, undefined);
+    }
+  }
+}
+
+function setListMinWidth(list: Element, minWidth: number | undefined): void {
   if (minWidth) {
-    (list as HTMLElement).style.minWidth = `${minWidth}px`;
+    const currentMinWidth = parseInt(getComputedStyle(list as HTMLElement).minWidth, 10);
+    const nextMinWidth = isNaN(currentMinWidth) ? minWidth : Math.max(currentMinWidth, minWidth);
+    (list as HTMLElement).style.minWidth = `${nextMinWidth}px`;
   } else {
-    (list as HTMLElement).style.minWidth = 'auto';
+    (list as HTMLElement).style.minWidth = '';
   }
 }
 
@@ -53,6 +65,7 @@ function handleOutsideClick(event: MouseEvent): void {
       });
       dropdown.querySelectorAll(DROPDOWN_LIST)?.forEach((list: Element) => {
         list.classList.remove('dropdown--list_expanded');
+        (list as HTMLElement).style.minWidth = '';
       });
     });
   }

dokka-subprojects/plugin-base-frontend/src/main/ui-kit/dropdown/styles.scss

@@ -28,11 +28,12 @@
     max-height: 400px;
     padding: 12px 0;
 
+    -webkit-transform: translate3d(0, 0, 0);
+
     border: 1px solid lighten(rgb(50, 50, 55), 15%); // color-background-nav-dt
     background-color: var(--color-background-nav-dt);
 
     box-shadow: 0 2px 8px 0 #00000040;
-    -webkit-transform: translate3d(0,0,0);
 
     @media (width < $breakpoint-desktop-min) {
       top: 0;

dokka-subprojects/plugin-base/src/main/resources/dokka/ui-kit/ui-kit.css

@@ -389,6 +389,7 @@
   position: absolute;
   right: 0;
   top: 44px;
+  -webkit-transform: translateZ(0);
   width: -moz-fit-content;
   width: fit-content;
   z-index: 10;