CSS3 Filter Rendering Glitch and Memory Leak

Fixed Issue #7105898


Apr 4, 2016
This issue is public.
Reported by 2 people

Sign in to watch or report this issue.

Steps to reproduce

  1. https://jsfiddle.net/bejfqqv8/
    Example one includes a drop-shadow filter on a transformed “container” element, where the child elements inside also transform on hover. Other browsers work fine, but Edge has a number of issues. Firstly, additional drop shadows are flashing over the child items inside, where the only visible shadow should be surrounding the container and any items poking outside on hover. Secondly, there is a huge memory leak if you keep moving the mouse over these items on the “desktop window manager” process. The shadows are also rendered on top of any windows you move above Edge during the glitchy mouse over, and moving other windows over the area will cause more artefacts.
  2. https://jsfiddle.net/wqecuebh/
    Example two includes a blurred background with scrollable content over the top. Scrolling the text causes rendering glitches around the content that’s being scrolled and those glitches will also appear over any surrounding content. The scrollbar is also affected by this. The glitchy rendering also appears over windows you move across Edge, and moving windows across the area only makes things worse. There doesn’t appear to be a memory issue with this one.


0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Rick J.”

      Changed Assigned To from “Rick J.” to “Ibrahim O.”

      Changed Assigned To to “Rick J.”

      Changed Steps to Reproduce

      Changed Status to “Fixed”

    • We believe that this has been fixed in recent builds. If you are still seeing this issue as active feel free to reactivate this at your earliest convenience.

      Looking forward to more feedback from you going forward.

      All the best,
      The MS Edge Team

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

    Sign in