Set an initial popup height (#47)

* Set initial height on iframe to match skeleton To reduce the changes of seeing a scrollbar on first load * Bump version
authsignal · Nov 30, 2023 · 0755f81 · 0755f81
1 parent 135bd78
commit 0755f81
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@authsignal/browser",
- "version": "0.3.3",
+ "version": "0.3.4",
  "type": "module",
  "main": "dist/index.js",
  "module": "dist/index.js",

diff --git a/src/handlers/popup-handler.ts b/src/handlers/popup-handler.ts
@@ -8,6 +8,8 @@ const IFRAME_ID = "__authsignal-popup-iframe";
 
 const DEFAULT_WIDTH = "385px";
 
+const INITIAL_HEIGHT = "384px";
+
 type PopupShowInput = {
  url: string;
 };
@@ -97,6 +99,7 @@ export class PopupHandler {
  min-width: 100%;
  border-radius: inherit;
  max-height: 95vh;
+ height: ${INITIAL_HEIGHT};
  }
  `;