fix: sign up captcha challenge appearing under the modal, making it i…

…mpossible to sign up
monkeytypegame · Mar 14, 2024 · 3a012bd · 3a012bd
1 parent c3671fb
commit 3a012bd
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/frontend/src/ts/modals/register-captcha.ts b/frontend/src/ts/modals/register-captcha.ts
@@ -9,6 +9,7 @@ export let promise = new Promise<string | undefined>((resolve) => {
 
 export function show(): void {
   void modal.show({
+    mode: "dialog",
     beforeAnimation: async (modal) => {
       promise = new Promise((resolve) => {
         resolvePromise = resolve;

diff --git a/frontend/src/ts/utils/animated-modal.ts b/frontend/src/ts/utils/animated-modal.ts
@@ -27,6 +27,7 @@ type ShowHideOptions = {
 };
 
 export type ShowOptions = ShowHideOptions & {
+  mode?: "modal" | "dialog";
   focusFirstInput?: true | "focusAndSelect";
   modalChain?: AnimatedModal;
 };
@@ -199,7 +200,11 @@ export default class AnimatedModal {
       }
 
       this.open = true;
-      this.wrapperEl.showModal();
+      if (options?.mode === "dialog") {
+        this.wrapperEl.show();
+      } else if (options?.mode === "modal" || options?.mode === undefined) {
+        this.wrapperEl.showModal();
+      }
 
       //wait until the next event loop to allow the dialog to start animating
       setTimeout(async () => {