Closed Bug 1426918 Opened 8 years ago Closed 8 years ago

`position: fixed` element scrolls with the body rather than remaining actually fixed

Categories

(Firefox :: Untriaged, defect)

Product:
Firefox
Component:
Untriaged
Version:
58 Branch
Type:
defect
Priority:
Not set
Severity:
normal

Tracking

()

Status:
RESOLVED INVALID

People

(Reporter: impinball, Unassigned)

Details

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.13; rv:58.0) Gecko/20100101 Firefox/58.0 Build ID: 20171211020921 Steps to reproduce: Go to this page [1] (data URI), and compare to the expected output (with `filter` disabled) [2]. Note: the value of `filter` doesn't matter, even ones that distort colors. [1]: data:text/html,%3Chtml style%3D"margin%3A 0%3Bheight%3A 100%25%3Bwidth%3A 100%25%3B"%3E%3Chead%3E%3C%2Fhead%3E%3Cbody%3E%3Cdiv style%3D"filter%3A brightness(1)%3B"%3E%3Cdiv style%3D"background-color%3A blue%3Bheight%3A 100px%3Bposition%3A fixed%3Bbottom%3A 0%3Bleft%3A 0%3Bright%3A 0%3B"%3E%3C%2Fdiv%3E%3Cdiv style%3D"height%3A 25%25%3Bborder-bottom%3A 1px solid black%3B"%3E%3C%2Fdiv%3E%3Cdiv style%3D"height%3A 25%25%3Bborder-bottom%3A 1px solid black%3B"%3E%3C%2Fdiv%3E%3Cdiv style%3D"height%3A 25%25%3Bborder-bottom%3A 1px solid black%3B"%3E%3C%2Fdiv%3E%3Cdiv style%3D"height%3A 25%25%3Bborder-bottom%3A 1px solid black%3B"%3E%3C%2Fdiv%3E%3Cdiv style%3D"height%3A 25%25%3Bborder-bottom%3A 1px solid black%3B"%3E%3C%2Fdiv%3E%3Cdiv style%3D"height%3A 25%25%3Bborder-bottom%3A 1px solid black%3B"%3E%3C%2Fdiv%3E%3C%2Fdiv%3E%3C%2Fbody%3E%3C%2Fhtml%3E [2]: data:text/html,%3Chtml style%3D"margin%3A 0%3Bheight%3A 100%25%3Bwidth%3A 100%25%3B"%3E%3Chead%3E%3C%2Fhead%3E%3Cbody%3E%3Cdiv style%3D"%2F*! filter%3A brightness(0)%3B *%2F"%3E%3Cdiv style%3D"background-color%3A blue%3Bheight%3A 100px%3Bposition%3A fixed%3Bbottom%3A 0%3Bleft%3A 0%3Bright%3A 0%3B"%3E%3C%2Fdiv%3E%3Cdiv style%3D"height%3A 25%25%3Bborder-bottom%3A 1px solid black%3B"%3E%3C%2Fdiv%3E%3Cdiv style%3D"height%3A 25%25%3Bborder-bottom%3A 1px solid black%3B"%3E%3C%2Fdiv%3E%3Cdiv style%3D"height%3A 25%25%3Bborder-bottom%3A 1px solid black%3B"%3E%3C%2Fdiv%3E%3Cdiv style%3D"height%3A 25%25%3Bborder-bottom%3A 1px solid black%3B"%3E%3C%2Fdiv%3E%3Cdiv style%3D"height%3A 25%25%3Bborder-bottom%3A 1px solid black%3B"%3E%3C%2Fdiv%3E%3Cdiv style%3D"height%3A 25%25%3Bborder-bottom%3A 1px solid black%3B"%3E%3C%2Fdiv%3E%3C%2Fdiv%3E%3C%2Fbody%3E%3C%2Fhtml%3E Actual results: The blue box got shifted to the bottom of the page. Expected results: The two pages should render identically.
A couple other notes: - Safari renders the pages identically, and I expect Chrome would, too. - I discovered this from an extension I use (that I did not develop). - It oddly does *not* reproduce when I
A couple other notes: - Safari renders the pages identically, and I expect Chrome would, too. - I discovered this from an extension I use (that I did not develop).
Status: UNCONFIRMED → RESOLVED
Closed: 8 years ago
Resolution: --- → INVALID
I invalidated it because it wasn't quite correct, and Bugzilla is being annoying.
You need to log in before you can comment on or make changes to this bug.