Skip to content

fix: mobile level-up modal overflow and ambient music autoplay#33

Merged
JesseRWeigel merged 1 commit intomainfrom
fix/mobile-levelup-and-ambient
Mar 16, 2026
Merged

fix: mobile level-up modal overflow and ambient music autoplay#33
JesseRWeigel merged 1 commit intomainfrom
fix/mobile-levelup-and-ambient

Conversation

@JesseRWeigel
Copy link
Owner

Summary

  • Level-up modal: scrollable container + reduced sizes on mobile so "Continue Adventure" button is always reachable
  • Ambient music: use html5 mode, onplayerror retry via Howler unlock event, fade only on actual play

Test plan

  • 215 tests pass
  • Manual: level up on mobile — button visible and tappable
  • Manual: ambient music plays after first interaction

🤖 Generated with Claude Code

Level-up modal:
- Make outer container scrollable (overflow-y-auto, items-start)
- Reduce icon, text, and padding sizes on mobile (sm: breakpoints)
- "Continue Adventure" button now always reachable on small screens

Ambient music:
- Use html5:true for music Howls (better autoplay behavior)
- Move fade into onplay callback (only fade when actually playing)
- Add onplayerror handler that retries on Howler "unlock" event
- Fixes silent failure when browser blocks autoplay

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant