1435640 - Position of element with background-image is wrong on page load

Status: RESOLVED INCOMPLETE

(Firefox :: Untriaged, defect)

Description

[Tim]

Attachment: Firefox Bug.mp4

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.140 Safari/537.36

Steps to reproduce:

Load page


Actual results:

Element/background-image is positioned incorrectly.
Doing nothing with the window and highlighting an element in the dev tools inspector causes the element to be repositioned correctly.

View video attachment for example.


Expected results:

element/background image positioned correctly on page load

Works fine in Safari and Chrome.

Comment 1

[Tim]

Attachment: setInterval every 2sec logging element client bounding rect

Note that the element repositions and bounding rect updates after entering Inspector

Comment 2

[Cosmin Muntean [:cmuntean], Ecosystem QA]

Thanks for reporting this!

Tim, can you please provide a reduce test case where the issue is reproducible? I tried to create a page with an element centered in the top part of the page, applied a background-image to it and a "display: flex: property, but I haven't managed to reproduce the issue, probably I missed something.

Also, did you reproduce this issue on older Firefox versions (eg: Firefox 57)?

Comment 3

[Tim]

I just knew you'd ask for a reproducible example :)

I'll provide one within 7 days.
Priority is launching the app.

Since Firefox wasn't always doing this there must be a styling state I can revert to or change the CSS to an alternative that works properly in the meantime.

Comment 4

[Tim]

TODO: Provide reproducible example

Comment 5

[Cosmin Muntean [:cmuntean], Ecosystem QA]

Hey Tim, did you had time to create a reduced test case so we can reproduce the issue? We need more information in order to debug this issue.

Comment 6

[Tim]

Not yet.

I added a 'top: 0px' to the styling for the element which fixed it in FF.

I'll do my launch in the next week and will then have time to knock out an example

Comment 7

[Cosmin Muntean [:cmuntean], Ecosystem QA]

Hey Tim, since we don't have enough information and I am not sure how to reproduce this issue, I will close the issue as Resolved - Incomplete for now.

Please reopen it when you will have time to attach a reduced test case in order to reproduce the issue.

Thanks,
Cosmin