fix(language-menu): always render inter-locale links (#11013)

* feat(dropdown): add alwaysRenderChildren option

* fix(language-menu): always render links to other locales

Author: caugner

Diff for: client/src/app.scss

@@ -186,6 +186,10 @@ main {
   width: 1px !important;
 }
 
+.contents {
+  display: contents;
+}
+
 .hidden {
   display: none;
 }

Diff for: client/src/ui/molecules/dropdown/index.tsx

@@ -54,9 +54,11 @@ export function DropdownMenuWrapper({
 
 export function DropdownMenu({
   children,
+  alwaysRenderChildren = false,
   onClose = () => {},
 }: {
   children: React.ReactNode;
+  alwaysRenderChildren?: boolean;
   onClose?: (event?: Event) => void;
 }) {
   const { isOpen, wrapperRef, close, disableAutoClose } =
@@ -82,7 +84,12 @@ export function DropdownMenu({
       onClose(event);
     }
   });
-  if (!isOpen) return null;
+
+  if (alwaysRenderChildren) {
+    return <div className={isOpen ? "contents" : "hidden"}>{children}</div>;
+  } else if (!isOpen) {
+    return null;
+  }
 
   return <>{children}</>;
 }

Diff for: client/src/ui/organisms/article-actions/language-menu/index.tsx

@@ -95,7 +95,7 @@ export function LanguageMenu({
         {native}
       </Button>
 
-      <DropdownMenu>
+      <DropdownMenu alwaysRenderChildren>
         <Submenu menuEntry={menuEntry} />
       </DropdownMenu>
     </DropdownMenuWrapper>