open-duelyst/duelyst

[P0] Deck selection causes keyboard popup on mobile

Open

#220 opened on Oct 29, 2022

View on GitHub
 (1 comment) (0 reactions) (0 assignees)JavaScript (3,443 stars) (526 forks)batch import
bugfrontendhelp wanted

Description

Summary

When opening a Practice game on Mobile, the keyboard pop ups. This results in a viewport resize, which causes the game to prompt the user to reload the page.

If we can tweak the accessibility options to avoid the keyboard popup, we can avoid this.

Impacted services

  • The frontend app
  • The game servers
  • Game builds or automation scripts
  • Tests or Github Actions
  • Infrastructure (Terraform)

Steps to reproduce

  1. Open https://staging.duelyst.org in Chrome on Android or iOS
  2. Add the page to the home screen
  3. Close Chrome, and then open the app from the home screen
  4. Log in and try to play a practice game
  5. When prompted to select a deck and opponent, the keyboard will pop up

Environment information

  • Operating system: Android
  • Browser: Chrome
  • Browser version: Latest

Contributor guide

Tech stack
javascripthtmlcss
Domain
frontendmobile
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
needs investigation
Prerequisites
basic web debuggingmobile web knowledge
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60
Research direction
Investigate the deck selection UI to find which element triggers keyboard focus. Common cause is an input or contenteditable element being focused. Check the accessibility options mentioned in the issue. Look for any event listeners that might prevent default behavior. Reproduce on mobile emulator or device. The fix might involve setting input mode or using touch events to avoid focus.