From 525ce1db798b65e2c293fce016fdc7ce3a9d6780 Mon Sep 17 00:00:00 2001
From: Scott Idem <stidem@gmail.com>
Date: Mon, 30 Mar 2026 19:16:16 -0400
Subject: [PATCH] feat(idaa): add manual-copy fallback textarea to breakout
 modal
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Clipboard API is blocked by default in many browsers when running inside
an iframe (requires explicit permission grant). IDAA members shouldn't need
to navigate browser settings to get a meeting link.

Added a readonly textarea below the two action buttons — click it to
select all, then Ctrl+C/Cmd+C. Works in every browser without any
permissions.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../idaa/(idaa)/video_conferences/+page.svelte      | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/routes/idaa/(idaa)/video_conferences/+page.svelte b/src/routes/idaa/(idaa)/video_conferences/+page.svelte
index 15edfdc4..ac025a34 100644
--- a/src/routes/idaa/(idaa)/video_conferences/+page.svelte
+++ b/src/routes/idaa/(idaa)/video_conferences/+page.svelte
@@ -1278,6 +1278,19 @@ async function init_jitsi() {
                     <span class="fas fa-external-link-alt" aria-hidden="true"></span>
                     Open in New Tab
                 </a>
+                <!-- Fallback for browsers that block clipboard access (common in iframes).
+                     User can manually select all and copy from here. -->
+                <div class="mt-1">
+                    <p class="mb-1 text-xs text-gray-400">Or copy the link manually:</p>
+                    <textarea
+                        readonly
+                        rows="2"
+                        value={$page.url.href}
+                        onclick={(e) => (e.target as HTMLTextAreaElement).select()}
+                        class="w-full cursor-text resize-none rounded border border-gray-200 bg-gray-50 px-2 py-1.5 font-mono text-xs text-gray-700 focus:outline-none"
+                        title="Click to select all, then copy"
+                        aria-label="Meeting link — click to select all"></textarea>
+                </div>
             </div>
         </div>
     </div>