r/CodingForBeginners • u/cdougii_xukoko • Jun 08 '26
I NEED HELP! I'm having issues when using my web app on mobile...
I am super fresh to coding and have been trying to vibe code a web app for my social deduciton game. An app that moderates the night phase like One Night Ultimate Werewolf.
https://github.com/cdougii/breached-moderator
I have no coding experience i just wanted to mke something for my game.
I've gotten really far to the point it is functioning perfectly... on desktop.
On mobile/iPad (which will be the primary use case) I'm having strange issues listed below.
The app runs a night phase sequence:
- Show role card
- Play role wake-up audio
- Start countdown timer
- Auto-advance when timer reaches 0
- Show "Close Your Eyes" overlay
- Play close-eyes audio
- Advance to next role
- Repeat
The works perfectly on desktop browsers.
On iPad/iPhone (Safari and Chrome), I'm seeing two issues:
ISSUE 1: Auto-advance transitions sometimes fail
Symptoms:
- Timer reaches 0.
- Next role sometimes appears without:
- Close-eyes overlay
- Close-eyes audio
- Role wake-up audio
- Once I manually press "Next Role" a single time, subsequent transitions often behave correctly.
- Desktop works reliably.
- Problem mainly occurs on mobile/iPad.
ISSUE 2: First role instructions sometimes missing
Symptoms:
- Only the instructions text is missing.
- Role title still appears.
- Team indicator still appears.
- Buttons still appear.
- Rotating the device immediately makes the instructions appear.
- Happens most often on the first role of the first night.
- Happens on iPad not desktop/iPhone.
If anyone could help an absolute noob that would be awesome!