Fix: Inner iframe clicks doesn't close menu

ts/routes/reviewer-inner/index.ts

@@ -132,6 +132,10 @@ addEventListener("keydown", (e) => {
     }
 });
 
+addEventListener("click", () => {
+    postParentMessage({ type: "closemenu" });
+});
+
 const base = document.createElement("base");
 base.href = "/media/";
 document.head.appendChild(base);

ts/routes/reviewer/reviewer-bottom/MoreSubmenu.svelte

@@ -5,22 +5,27 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 <script lang="ts">
     import Popover from "$lib/components/Popover.svelte";
     import WithFloating from "$lib/components/WithFloating.svelte";
+    import { onMount } from "svelte";
 
     export let showFloating = false;
     export let lockOpen = false;
+
+    function close() {
+        if (!lockOpen) {
+            showFloating = false;
+        }
+    }
+
+    onMount(() => {
+        document.addEventListener("closemenu", () => close());
+        return () => {
+            document.removeEventListener("closemenu", close);
+        };
+    });
 </script>
 
 <div>
-    <WithFloating
+    <WithFloating show={showFloating} inline on:close={close}>
-        show={showFloating}
-        inline
-        on:close={() => {
-            if (!lockOpen) {
-                showFloating = false;
-            }
-        }}
-        closeOnInsideClick
-    >
         <slot slot="reference" name="button"></slot>
 
         <Popover slot="floating">

ts/routes/reviewer/reviewer.ts

@@ -119,6 +119,10 @@ export class ReviewerState {
                 document.dispatchEvent(new KeyboardEvent(forceKeyUp ? "keyup" : "keydown", e.data.eventInit));
                 break;
             }
+            case "closemenu": {
+                document.dispatchEvent(new CustomEvent("closemenu"));
+                break;
+            }
             case "setstorage": {
                 setConfigJson({
                     key: "reviewerStorage",

ts/routes/reviewer/reviewerRequest.ts

@@ -16,9 +16,18 @@ interface KeyPressMessage {
     eventInit: KeyboardEventInit;
 }
 
+interface CloseMenuMessage {
+    type: "closemenu";
+}
+
 interface SetStorageMessage {
     type: "setstorage";
     json_buffer: Uint8Array;
 }
 
-export type ReviewerRequest = AudioMessage | UpdateTypedAnswerMessage | KeyPressMessage | SetStorageMessage;
+export type ReviewerRequest =
+    | AudioMessage
+    | UpdateTypedAnswerMessage
+    | KeyPressMessage
+    | SetStorageMessage
+    | CloseMenuMessage;