1385862 - Modal when scrolled on the DOM, the ::before doesn't get to the top, it appears with a space equal to the amount of pixels I scrolled.

Status: RESOLVED INCOMPLETE

(Core :: DOM: CSS Object Model, defect, P3)

Description

[Jose]

Attachment: Example of the issue

User Agent: Mozilla/5.0 (Windows NT 10.0; WOW64; rv:54.0) Gecko/20100101 Firefox/54.0
Build ID: 20170628075643

Steps to reproduce:

1) Go to https://www.farfetch.com/uk/shopping/women/frame-denim-split-hem-jeans-item-12207284.aspx?storeid=9845
2) Open the Console and place the following to set a cookie:
document.cookie = "toggle_slice=pdpslice";
3)Refresh the page
4)Scroll down
5) Click in the link Size Guide next to the price section





Actual results:

There is modal, with { position: fixed }  what has a background with ::before: {position fixed; top: 0; }
The issue is: When I open that modal when I scroll on the DOM, the ::before doesn't get to the top, it appears with a space equal to the amount of pixels I scrolled.


Expected results:

The background ( ::before) should fill all the page (also the part of the page that I have scrolled)

Comment 1

[Andrew McCreight [:mccr8]]

This doesn't look like a security issue, so I'm unhiding it.

Comment 2

[Jet Villegas (inactive)]

The size guide appears to function correctly for me on the latest Firefox Nightly. Does this still occur for you?

Comment 3

[Jose]

Hi Jet! I updated the Firefox version to 55.0.3 (32-bit , but the issue still occurs.

Comment 4

[Daniel Holbert [:dholbert]]

The page here here seems to have disappeared, so this is INCOMPLETE at this point.

Jose: if you're still seeing this at another page on this same site, feel free to reopen (or file a new bug) with the updated URL. Thanks!