Fix share button: copy to clipboard on desktop, text box fallback on iOS

- Try navigator.clipboard.writeText first
- Show "Copied!" feedback on success
- Only show text box fallback if clipboard fails (iOS)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
b1rdmania
2025-12-29 14:28:32 +00:00
parent 150e5aacb3
commit 469212aa3c
+24 -4
View File
@@ -718,10 +718,30 @@ class MotifApp {
}
}
// Show the link
this.shareLinkInput.value = shareUrl;
this.shareLinkBox.style.display = 'block';
this.shareLinkInput.select();
// Try to copy to clipboard first (works on desktop)
let copied = false;
try {
if (navigator.clipboard?.writeText) {
await navigator.clipboard.writeText(shareUrl);
copied = true;
}
} catch {
// Clipboard failed, fall through to text box
}
if (copied) {
// Show brief "Copied!" feedback
const originalText = this.copyLinkBtn.textContent;
this.copyLinkBtn.textContent = 'Copied!';
setTimeout(() => {
this.copyLinkBtn.textContent = originalText;
}, 1500);
} else {
// Fallback: show text box for manual copy (iOS)
this.shareLinkInput.value = shareUrl;
this.shareLinkBox.style.display = 'block';
this.shareLinkInput.select();
}
}
private setState(state: 'idle' | 'results' | 'selected' | 'generated'): void {