Closed
Bug 1418866
Opened 7 years ago
Closed 7 years ago
In Firefox position:fixed does not work inside elements with a CSS filter
Categories
(Core :: Layout, defect, P3)
Tracking
()
RESOLVED
DUPLICATE
of bug 1226095
| Tracking | Status | |
|---|---|---|
| firefox59 | --- | affected |
People
(Reporter: karlcow, Unassigned)
References
()
Details
(Whiteboard: [webcompat])
This is a spin-off of https://webcompat.com/issues/13588
Activating/deactivating the filter change completely the scrolling behavior of the div.
The author said:
(This is a simplified example of a bug that occurred behind a site with a pay-wall)
See the example http://jsbin.com/sulipegela/1/edit?html,css,js,output
<!DOCTYPE html>
<html>
<head>
</head>
<body>
In Firefox fixed elements inside an element with a
filter don't remain fixed. In Chrome and Safari the
purple rect stays in place when scolling.
<main>
<span class="fixed"></span>
</main>
</body>
</html>
main {
height: 200vh;
filter: blur(10px);
}
.fixed {
background-color: rebeccapurple;
height: 200px;
width: 350px;
position: fixed;
top: 100px;
left: 0;
}
verified that it is working in Safari/Chrome with or without filter.
|
||
Updated•7 years ago
|
|
||
Updated•7 years ago
|
Status: NEW → RESOLVED
Closed: 7 years ago
Resolution: --- → DUPLICATE
You need to log in
before you can comment on or make changes to this bug.
Description
•