fix turnstile display

unnoq · Dec 30, 2023 · ddfe908 · ddfe908
1 parent 2ad665f
commit ddfe908
Showing 1 changed file with 35 additions and 37 deletions.
diff --git a/@web/providers/turnstile.tsx b/@web/providers/turnstile.tsx
@@ -16,43 +16,41 @@ export function TurnstileProvider(props: { children: React.ReactNode }) {
   return (
     <>
       {props.children}
-      <Portal.Root>
-        <div
-          className={cn(
-            'fixed top-0 left-0 right-0 bottom-0 z-[99999] flex items-center justify-center bg-background/80',
-            {
-              'top-[100%] bottom-[-100%]': !turnstileStore.isShowChallenge,
-            },
-          )}
-        >
-          <Turnstile
-            ref={turnstileRef}
-            id={id}
-            siteKey={env.TURNSTILE_SITE_KEY}
-            options={{
-              theme: systemStore.theme === 'system' ? 'auto' : systemStore.theme,
-            }}
-            onSuccess={(token) => {
-              useTurnstileStore.setState(() => ({
-                token,
-                instance: turnstileRef.current,
-              }))
-            }}
-            onError={() => {
-              useTurnstileStore.setState(() => ({
-                token: null,
-                instance: turnstileRef.current,
-              }))
-            }}
-            onExpire={() => {
-              useTurnstileStore.setState(() => ({
-                token: null,
-                instance: turnstileRef.current,
-              }))
-              turnstileRef.current?.reset()
-            }}
-          />
-        </div>
+      <Portal.Root
+        className={cn(
+          'pointer-events-auto fixed top-0 left-0 right-0 bottom-0 z-[99999] flex items-center justify-center bg-background/80',
+          {
+            'top-[100%] bottom-[-100%]': !turnstileStore.isShowChallenge,
+          },
+        )}
+      >
+        <Turnstile
+          ref={turnstileRef}
+          id={id}
+          siteKey={env.TURNSTILE_SITE_KEY}
+          options={{
+            theme: systemStore.theme === 'system' ? 'auto' : systemStore.theme,
+          }}
+          onSuccess={(token) => {
+            useTurnstileStore.setState(() => ({
+              token,
+              instance: turnstileRef.current,
+            }))
+          }}
+          onError={() => {
+            useTurnstileStore.setState(() => ({
+              token: null,
+              instance: turnstileRef.current,
+            }))
+          }}
+          onExpire={() => {
+            useTurnstileStore.setState(() => ({
+              token: null,
+              instance: turnstileRef.current,
+            }))
+            turnstileRef.current?.reset()
+          }}
+        />
       </Portal.Root>
     </>
   )