Fix scroll during generate, restore Claude Code easter egg
- Preserve scroll position when clicking Generate - Add back "Ps. Built with Claude Code" in FAQ 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -1228,6 +1228,10 @@
|
||||
<h4>Why "Enable Audio" on iPhone?</h4>
|
||||
<p>Apple blocks sound until you tap. Hit the button once and you're good.</p>
|
||||
</div>
|
||||
<div class="faq-item">
|
||||
<h4>Ps.</h4>
|
||||
<p>Built with Claude Code.</p>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
|
||||
@@ -509,8 +509,11 @@ class MotifApp {
|
||||
await unlockAudio();
|
||||
this.updateIOSAudioBanner();
|
||||
|
||||
// Preserve scroll position during state change
|
||||
const scrollY = window.scrollY;
|
||||
// Once generation starts: lock into generated experience mode.
|
||||
this.setState('generated');
|
||||
window.scrollTo(0, scrollY);
|
||||
this.updateStatus('Generating…');
|
||||
this.motifBtn.disabled = true;
|
||||
this.playPauseBtn.disabled = true;
|
||||
@@ -538,7 +541,9 @@ class MotifApp {
|
||||
this.updateStatus('');
|
||||
this.hasGenerated = true;
|
||||
// Refresh generated state now that generation succeeded (enables Copy link, etc.)
|
||||
const scrollYEnd = window.scrollY;
|
||||
this.setState('generated');
|
||||
window.scrollTo(0, scrollYEnd);
|
||||
} catch (error) {
|
||||
this.updateStatus(`Motif error: ${error instanceof Error ? error.message : 'Unknown error'}`);
|
||||
this.motifBtn.disabled = false;
|
||||
|
||||
Reference in New Issue
Block a user