codebattle icon indicating copy to clipboard operation
codebattle copied to clipboard

Bug: No buttons on smartphone portrait mode after game over

Open levsimha opened this issue 1 year ago • 3 comments

Summary

When the game ends, the buttons that appear after this stage are not displayed on smartphones in portrait mode

iPhone 13 Pro Max - portrait mode:

iphone13promax_vertical

iPhone 13 Pro Max - landscape mode:

iphone13promax_horizontal

Environment

OS: MacOS 14.7 (23H124) Browser: Firefox 133.0 (aarch64) Codebattle version: bb44a99

Reproduction steps

  1. Start a game (or a simple battle)
  2. Play until the game ends
  3. Open developer tools in your browser
  4. Switch to responsive design mode
  5. Set the following parameters to emulate iPhone 13 Pro Max:
  • width - 414
  • height - 896
  • DPR - 3 (if available)
  1. Check the game interface in portrait mode

Expected result

All interface elements, including the buttons that appear after the game ends, are visible in portrait mode

Actual result

The buttons that appear after the game ends, are not visible in portrait mode, making it impossible for users to interact with them

levsimha avatar Nov 27 '24 13:11 levsimha

Summary: Missing “Back home” and “Open history” buttons in a mobile version

Environment: Chromium 135.0.7049.84 (Official Build) snap (64-bit) OS Ubuntu 24.04.2 LTS version: 376ef8e

Steps-to-reproduce:

  1. Open the page
  2. Create a game with a bot/other user/friend
  3. View the page from a mobile device using DevTools

Expected-result: All elements of the layout are displayed

Actual-result: Buttons "Back home" and "Open history" are gone

Michael57e avatar Jun 27 '25 09:06 Michael57e

Summary:

There is no display of the "Back home" and "Open history" buttons in the mobile version of the application

Steps:

  • Go to https://codebattle.hexlet.io/#lobby

  • Create a game with any opponent

  • Open DevTools

  • Go to Toggle device toolbar

Expected-result: The entire layout of the site is displayed on a mobile device. All buttons and interface elements are active.

Actual-result:

The "Back home" and "Open history" buttons are not displayed.

Environment: MacOS 15.6.1 (24G90) Google Chrome (139.0.7258.154/155) Version: 68f356b

AntonyDn avatar Aug 28 '25 16:08 AntonyDn

Summary: Buttons "Back home" and "Open history" are not displayed in the mobile version of the application.

Steps:

  • Go to https://codebattle.hexlet.io/#lobby

  • Create a game with any opponent

  • Open DevTools

  • Switch to Toggle device toolbar

Expected result: The entire site layout is displayed correctly on a mobile device. All buttons and interface elements are active.

Actual result: Buttons "Back home" and "Open history" are not displayed.

Environment:

macOS 13.2.1

Google Chrome ( 138.0.7204.184 )

Version: 68f356b

Image Image

polina-and16 avatar Sep 18 '25 15:09 polina-and16