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:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user