Dev Fix: Mobile Touch Controls Moved Outside Scaled Container for Better UX
A UX enhancement in version 0.1, dated August 8, 2026, resolved a critical mobile usability issue where touch buttons were too small to tap reliably. The root cause was that touch controls sat inside a CSS-scaled game container, shrinking buttons well below Apple's recommended 44px minimum tap target. The fix involved moving the touch controls outside the scaled container and switching their positioning to truly viewport-fixed, with safe-area padding added for notched iPhones. A blocker-set pattern replaced a fragile single-boolean visibility system in touch.js, allowing multiple overlay states to control button visibility without conflicts. Additional changes in main.js addressed mobile browser URL bar interference by using the Visual Viewport API for more accurate height calculations.
This is an AI-generated summary. ShortSingh links to the original source for the complete article.
Discussion (0)
Log in to join the discussion and vote.
Log in