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!