webcompat / web-bugs

A place to report bugs on websites.
https://webcompat.com
Mozilla Public License 2.0
743 stars 66 forks source link

tcec-chess.com - Chess board does not fit the screen #101931

Closed webcompat-bot closed 1 year ago

webcompat-bot commented 2 years ago

URL: https://tcec-chess.com/

Browser / Version: Firefox Mobile 98.0 Operating System: Android 10 Tested Another Browser: Yes Chrome

Problem type: Design is broken Description: Items are misaligned Steps to Reproduce: The checker pattern is too large, resulting in chess pieces not aligning with a square, also it exceeds bounds on the right and at the bottom. On the right, this leads to it being cut off, while on the bottom, it will just be larger than the it's supposed to be. This happens even when requesting the desktop version on the phone. However, it works fine on a desktop PC using Firefox (in addition to Chrome based browsers in general).

View the screenshot Screenshot
Browser Configuration
  • None

From webcompat.com with ❤️

softvision-raul-bucata commented 2 years ago

We appreciate your report. I was able to reproduce the issue using an Android 11 device, but using an Android 12 device. The chess board does not fit the page: Screenshot_33

Tested with:

Browser / Version: Firefox Release 98.3.0 (2015870331-🦎98.0.2-20220322144853)/ Firefox Nightly 100.0a1 (2015872683 -🦎100.0a1-20220403090644🦎) Chrome Mobile Version 99.0.4844.88/ Edge 100.0.1185.29 Operating System: Samsung A51 (Android 11) -1080 × 2400 pixels 20:9 aspect ratio (~405 ppi density) Operating System: Google Pixel 3 (Android 12) -1080 x 2160 pixels, 18:9 ratio (~443 ppi density)

Notes:

  1. Reproducible regardless of the status of ETP.
  2. Reproducible on the latest build of Firefox Nightly and Release.
  3. Works as expected using Chrome:

Screenshot_32

Moving this to NeedsDiagnosis for further investigations.

[qa_14/2022]

sv-calin commented 1 year ago

The issue no longer reproduces:

image

Tested on: • Browser / Version: Firefox Nightly 109.0a1-20221124093251 / Chrome 107.0.5304.91 • Operating System: OnePlus 6 A6000 (Android 11) - 1080 x 2280 pixels, 19:9 ratio (~402 ppi pixel density)

[inv_47/2022]