Position Fixed not working together with CSS Filters

Fixed, not yet flighted Issue #6818767

Details

Created
Mar 9, 2016
Privacy
This issue is public.
Reports
Reported by 0 people

Sign in to watch or report this issue.

Steps to reproduce

URL: https://jsfiddle.net/c11c7t5c/1/
Repro Steps: Try scrolling
==============
Working code sample and image describing the issue can be found here:
http://stackoverflow.com/questions/35780409/position-fixed-not-working-when-css-filters-applied-on-same-element-in-microsoft

Code sample here:
<!DOCTYPE html>
<html>

<head>
<style>
body {
height: 5000px;
}

.fixed {
  position: fixed;
  left: 0;
  background-image: url(https://lh5.googleusercontent.com/-REJ8pezTyCQ/SDlvLzhAH-I/AAAAAAAABeQ/mC1PXNiheJU/s800/Blog_background_750.gif);
  background-repeat: repeat;
  background-attachment: fixed;
  height: 100%;
  width: 100%;
  -webkit-filter: brightness(70%);
  -moz-filter: brightness(70%);
  -o-filter: brightness(70%);
  filter: brightness(70%);
}

</style>
</head>

<body>
<div class=’fixed’></div>
</body>

</html>

Expected Results:

One should be able to scroll without the element getting scrolled out of view

Actual Results:

Dev Channel specific:

No

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Kamen M.”

      Changed Assigned To to “Bogdan B.”

      Changed Status to “Confirmed”

      Changed Assigned To to “Rick J.”

      Changed Steps to Reproduce

      Changed Assigned To from “Rick J.” to “Olga G.”

      Changed Assigned To from “Olga G.” to “Yongqiang L.”

      Changed Assigned To from “Yongqiang L.” to “Olga G.”

      Changed Status from “Confirmed”

      Changed Assigned To from “Olga G.” to “Yongqiang L.”

      Changed Assigned To from “Yongqiang L.” to “Olga G.”

      Changed Status to “Confirmed”

      Changed Assigned To from “Olga G.” to “Yongqiang L.”

      Changed Assigned To from “Yongqiang L.” to “Andy C.”

      Changed Assigned To from “Andy C.” to “IE S.”

      Changed Status from “Confirmed” to “Fixed, not yet flighted”

    You need to sign in to your Microsoft account to add a comment.

    Sign in