title: Position Fixed not working when CSS Filters applied on same element in Microsoft Edge
body: <p>I am testing this on Edge 20.10240.16384.0 </p>
  
  <p>I have an element whose position is fixed and has CSS Filters applied to it. This works great in all browsers except Microsoft Edge, where the position of the element doesn't remain fixed. This issue is directly related to CSS3 Filters as removing them makes the position fixed work correctly</p>
  
  <p>Here is a basic example of this. It works correctly (aka the fixed background remains fixed) on browsers other than Microsoft Edge.  </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  
  &lt;head&gt;
    &lt;style&gt;
      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%);
      }
    &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;div class='fixed'&gt;&lt;/div&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>After searching around , I came across <a href="https://connect.microsoft.com/IE/feedback/details/1810480/ms-edge-rendering-problem-of-css-filter" rel="noreferrer">https://connect.microsoft.com/IE/feedback/details/1810480/ms-edge-rendering-problem-of-css-filter</a> , which details the same issue but has been marked as Fixed most likely as it couldn't be reproduced. I am attaching GIF for the same - </p>
  
  <p><strong>Microsoft Edge -</strong>
  <a href="https://i.stack.imgur.com/RSbZh.gif" rel="noreferrer"><img src="https://i.stack.imgur.com/RSbZh.gif" alt="enter image description here"></a></p>
  
  <p><strong>Google Chrome -</strong>
  <a href="https://i.stack.imgur.com/uXfmQ.gif" rel="noreferrer"><img src="https://i.stack.imgur.com/uXfmQ.gif" alt="enter image description here"></a></p>