1417293 - Boxes are not correctly in position at first load

Status: RESOLVED DUPLICATE of bug 1386654

(Core :: Layout, defect, P3)

Description

[Karl Dubost💡 :karlcow]

This is a spin off of https://webcompat.com/issues/13492

1. With Firefox Nightly 59.0a1 (2017-11-14) (64-bit)
2. Window being in between 640px to 920px
3. Go to https://fi.google.com/about/

Expected: 
everything to be in place.

Actual:
Notice how the text seems to be out of place.
   See the screenshot in https://webcompat.com/issues/13492


Comment: 
As soon as you change slightly the width of the window or that you deactive/activate a css rule in the devtools inspector. The repaint puts everything in place. A simple reload recreates the issue.


Happening in Firefox 57 too.
Not Happening in Safari or Chrome.
This is happening in Firefox 50 too.

Comment 1

[Mats Palmgren (inactive)]

A flexbox layout issue?
(I can reproduce it easily by opening/closing devtools (F12))

Comment 2

[Daniel Holbert [:dholbert]]

Likely related to bug 1386654, which has a reduced testcase. (Perhaps a dupe, in terms of the actual fix needed.)

Transferring my needinfo over there; hopefully that bug's fix will address this bug as well.

Comment 4

[Chris Peterson [:cpeterson]]

This problem first showed up when Stylo was enabled. In bug 1428809, Emilio said he thinks this is a layout issue and Stylo is only related because it avoided an extra reflow that "fixed" the layout when using the old style system. Resizing the window forces a reflow and "fixes" the layout.

Comment 5

[Emilio Cobos Álvarez (:emilio)]

I fixed this in bug 1386654.