fix(wallet): add pointer events to embedded login overlay (#2807)

ZacharyCouchman · JCSanPedro · web-flow · commit 0904781a25ad · 2026-03-26T03:28:06.000Z
Co-authored-by: John Carlo San Pedro &lt;johncarlo.sanpedro@immutable.com&gt;
diff --git a/packages/auth/src/login/standalone.ts b/packages/auth/src/login/standalone.ts
@@ -293,6 +293,7 @@ function createOverlayElement(): HTMLDivElement {
     background: rgba(247, 247, 247, 0.24);
     animation-name: passportEmbeddedLoginPromptOverlayFadeIn;
     animation-duration: 0.8s;
+    pointer-events: auto;
   `;
 
   const contents = document.createElement('div');
diff --git a/packages/auth/src/overlay/elements.ts b/packages/auth/src/overlay/elements.ts
@@ -146,6 +146,7 @@ export const getEmbeddedLoginPromptOverlay = (): string => `
         background: rgba(247, 247, 247, 0.24);
         animation-name: passportEmbeddedLoginPromptOverlayFadeIn;
         animation-duration: 0.8s;
+        pointer-events: auto;
       "
     >
       <div
diff --git a/packages/wallet/src/overlay/elements.ts b/packages/wallet/src/overlay/elements.ts
@@ -146,6 +146,7 @@ export const getEmbeddedLoginPromptOverlay = (): string => `
         background: rgba(247, 247, 247, 0.24);
         animation-name: passportEmbeddedLoginPromptOverlayFadeIn;
         animation-duration: 0.8s;
+        pointer-events: auto;
       "
     >
       <div

Original file line number	Diff line number	Diff line change
@@ -146,6 +146,7 @@ export const getEmbeddedLoginPromptOverlay = (): string => `
`146`	`146`	`background: rgba(247, 247, 247, 0.24);`
`147`	`147`	`animation-name: passportEmbeddedLoginPromptOverlayFadeIn;`
`148`	`148`	`animation-duration: 0.8s;`
	`149`	`+ pointer-events: auto;`
`149`	`150`	`"`
`150`	`151`	`>`
`151`	`152`	`<div`