Closed Bug 1350594 Opened 8 years ago Closed 8 years ago

Applying the "filter" property to an element prevents its descendants from having fixed positioning

Categories

(Core :: Layout, defect)

Product:
Core
Component:
Layout
Version:
52 Branch
Type:
defect
Priority:
Not set
Severity:
normal

Tracking

()

Status:
RESOLVED DUPLICATE of bug 1226095

People

(Reporter: regspam, Unassigned)

Details

User Agent: Mozilla/5.0 (Windows NT 6.0; rv:52.0) Gecko/20100101 Firefox/52.0 Build ID: 20170316213902 Steps to reproduce: Suppose we have the code <html> <body> <div style="border: solid 1px red; position: fixed;">DIV</div> br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br> </html> The <div> has fixed positioning, as expected. If one applies the "filter" property to an ancestor element, for example, <body>, like this: <html> <head> <style> body { filter: sepia(50%); } </style> </head> <body> <div style="border: solid 1px red; position: fixed;">DIV</div> br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br>br<br> </html> The <div> behaves like it's statically positioned (Page Inspector reports "position: fixed" in Computed View at that).
Component: Untriaged → Layout
Product: Firefox → Core
> like it's statically positioned I meant "absolutely" positioned, sorry.
Status: UNCONFIRMED → RESOLVED
Closed: 8 years ago
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.