1471230 - [Ubuntu] Incorrect rendering on Fupa.com site

Status: RESOLVED WORKSFORME

(Web Compatibility :: Site Reports, defect, P5)

Description

[Anca Soncutean, Desktop QA]

[Affected versions]: 
- 61.0 (20180621125625)
- 62.0b3 (20180625141512)
- 63.0a1 (2018-06-25)

[Affected platforms]:
- Ubuntu 16.04 x64
- Ubuntu 16.04 x32

[Steps to reproduce]:
1. Launch http://www.fupa.com/games/1/directx.html
2. Observe the site elements. 


[Expected result]:
- The site is properly loaded, there are no rendering issue. 

[Actual result]:
- Some of the site elements are not properly rendered -( see screenshot: https://drive.google.com/open?id=19i8LkjeHucR76lMfSfRI_F-v6xutP1k_ )

[Regression range]: 
- I will try to determine if this a regression asap.

Comment 1

[Anca Soncutean, Desktop QA]

This is not a regression, I can see the same behavior way back to Firefox 52.0a1, before this I wasn’t able to open the site.

Comment 2

[Xidorn Quan [:xidorn] UTC+10]

The problem here is that the navigation bar is too long so that it overflows the first line into the next line, and items in the next line cannot be rendered correctly because the site didn't think about that it can overflow.

With the line forced to overflow (by making each item wider), the broken rendering shows up on Firefox for macOS as well as Chrome, so the rendering itself is unlikely a browser bug.

The reason that it overflows on Ubuntu is likely just due to the font difference. The font on Ubuntu is probably wider than other system and pushes the line over the boundary.

Anyway, I believe it is an issue of the site which doesn't use a robust enough design.

Comment 3

[Mike Taylor [:miketaylr]]

Attachment: screenshot issue.png