Update the position of the search bar and drop-down menus on window r…

…esize

See https://www.woltlab.com/community/thread/308171-ausrichtung-der-men%C3%BCpunkte-bei-%C3%A4nderung-der-fenstergr%C3%B6%C3%9Fe/

ts/WoltLabSuite/Core/Ui/Dropdown/Simple.ts

@@ -77,6 +77,19 @@ function onScroll() {
   });
 }
 
+/**
+ * Recalculates drop-down positions on page resize.
+ */
+function onWindowResize() {
+  _dropdowns.forEach((dropdown, containerId) => {
+    if (!dropdown.classList.contains("dropdownOpen")) {
+      return;
+    }
+
+    UiDropdownSimple.setAlignment(dropdown, _menus.get(containerId)!);
+  });
+}
+
 /**
  * Notifies callbacks on status change.
  */
@@ -379,6 +392,7 @@ const UiDropdownSimple = {
     DomChangeListener.add("WoltLabSuite/Core/Ui/Dropdown/Simple", () => UiDropdownSimple.initAll());
 
     document.addEventListener("scroll", onScroll);
+    window.addEventListener("resize", () => onWindowResize(), { passive: true });
 
     // expose on window object for backward compatibility
     window.bc_wcfSimpleDropdown = this;

ts/WoltLabSuite/Core/Ui/Search.ts

@@ -75,6 +75,20 @@ function initSearchBar(): void {
 
     _pageHeaderSearchMobile?.setAttribute("aria-expanded", "false");
   });
+
+  window.addEventListener(
+    "resize",
+    () => {
+      if (_isMobile || !_pageHeader.classList.contains("searchBarOpen")) {
+        return;
+      }
+
+      UiAlignment.set(_pageHeaderSearch, _topMenu, {
+        horizontal: "right",
+      });
+    },
+    { passive: true },
+  );
 }
 
 function initMobileSearch(): void {