Dealing with iframes. postMessage to parent iframe when certain things are opened/viewed.

src/routes/idaa/(idaa)/archives/[archive_id]/+page.svelte

@@ -91,6 +91,9 @@ $: lq__archive_content_obj = liveQuery(async () => {
 
 if (browser) {
     console.log('Browser environment detected.');
+
+    let message = {'archive_id': $idaa_slct?.archive_id};
+    window.parent.postMessage(message, "*");
 }
 </script>
 

src/routes/idaa/(idaa)/archives/[archive_id]/ae_idaa_comp__archive_content_obj_li.svelte

@@ -89,6 +89,9 @@ let ae_promises: key_val = {};
                     $idaa_slct.archive_content_id = idaa_archive_content_obj?.archive_content_id;
                     $idaa_slct.archive_content_obj = idaa_archive_content_obj;
 
+                    let message = {'archive_content_id': $idaa_slct?.archive_content_id};
+                    window.parent.postMessage(message, "*");
+
                     // handle_load_post_comment_obj_li({archive_id: $idaa_slct.archive_id, try_cache: false});
 
                     // const url = new URL(location);

src/routes/idaa/(idaa)/archives/ae_idaa_comp__media_player.svelte

@@ -41,6 +41,8 @@ file_icons['zip'] = 'file-archive';
 $: if (browser && $lq__archive_content_obj?.archive_content_id) {
     console.log('** Component Mounted: ** Media Player - Archive Content Obj');
 
+    document.body.scrollIntoView();
+
     const url = new URL(location);
     url.searchParams.set('archive_content_id', $lq__archive_content_obj?.archive_content_id);
     // url.searchParams.set('archive_content_id', $idaa_slct?.archive_content_id);

src/routes/idaa/(idaa)/bb/ae_idaa_comp__post_obj_id_view.svelte

@@ -26,7 +26,7 @@ if ($idaa_slct.post_id) {
 }
 
 $: if (browser && $lq__post_obj?.post_id) {
-    console.log('** Component Mounted: ** View - Post Obj');
+    document.body.scrollIntoView();
 
     const url = new URL(location);
     url.searchParams.set('post_id', $lq__post_obj?.post_id);

src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_id_edit.svelte

@@ -3,6 +3,7 @@ export let log_lvl = 1;
 // *** Import Svelte core
 import { createEventDispatcher, onDestroy, onMount } from 'svelte';
 import { fade } from 'svelte/transition';
+import { browser } from '$app/environment';
 // import Editor from '@tinymce/tinymce-svelte';
 
 import type { key_val } from '$lib/ae_stores';
@@ -25,6 +26,10 @@ let disable_submit_btn = true;
 
 let event_location_select_option_li = {}; // This is a list (dict) of key value pairs
 
+$: if (browser) {
+    document.body.scrollIntoView();
+}
+
 if ($idaa_slct.event_id) {
     // console.log(`Event ID selected: ${$idaa_slct.event_id}`);
     // console.log(`Event Object selected: ${$lq__event_obj}`)

src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_id_view.svelte

@@ -17,6 +17,8 @@ if ($idaa_slct.event_id) {
 }
 
 $: if (browser && $lq__event_obj?.event_id) {
+    document.body.scrollIntoView();
+
     const url = new URL(location);
     url.searchParams.set('event_id', $lq__event_obj?.event_id);
     history.pushState({}, '', url);