feat(idaa): add manual-copy fallback textarea to breakout modal

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>
This commit is contained in:
Scott Idem
2026-03-30 19:16:16 -04:00
parent 6559e3393c
commit 525ce1db79

View File

@@ -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>