Fix elem binding

MuckRock · Dec 12, 2024 · 7f8c9bc · 7f8c9bc
1 parent 5dc19a8
commit 7f8c9bc
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/embed/iframeSizer.js b/src/embed/iframeSizer.js
@@ -5,6 +5,7 @@ export function informSize(
   useScrollDimension = true,
   updateStyleProps = false,
 ) {
+  console.log("informSize", element);
   if (!element) return;
 
   // Inform a parent window about an embed size
@@ -35,8 +36,9 @@ export function informSize(
 
 export function setupResizeEvent(iframe) {
   window.addEventListener("message", (event) => {
+    console.log("Message sent!", event.data);
     if (event.source == iframe.contentWindow) {
-      console.log("Message received!", event.data);
+      console.log("iframe message received!", event.data);
       const { width, height, updateStyleProps } = event.data;
       if (width != null) {
         iframe.width = width;

diff --git a/src/routes/embed/documents/[id]/pages/[page]/+page.svelte b/src/routes/embed/documents/[id]/pages/[page]/+page.svelte
@@ -81,9 +81,9 @@
   />
 </svelte:head>
 
-<svelte:window on:keydown={onKeyup} />
+<svelte:window on:keydown={onKeyup} on:load={() => informSize(elem)} />
 
-<div class="dc-embed">
+<div class="dc-embed" bind:this={elem}>
   <div class="dc-page">
     Page
     {page}