CSS3 Filter Rendering Issue and Memory Leak

Duplicate Issue #7105937 • See Issue #7105898


Jonathan T.
Apr 4, 2016
This issue is public.
Found in
  • Microsoft Edge
See progress on Bug #7105898
Found in build #
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 Status to “Duplicate”

    • We have resolved this item as a duplicate of an existing item. Please follow that item for more updates.

      All the best,
      The MS Edge Team

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

    Sign in