CSS Filters & 3D transforms rendering inconsistencies

Fixed, not yet flighted Issue #7388396


Amelia B.
Apr 29, 2016
This issue is public.
Found in
  • Microsoft Edge
Reported by 2 people

Sign in to watch or report this issue.

Steps to reproduce

Apply CSS filters and 3D transforms to the same element or to nested elements with preserve-3D.

I haven’t been able to narrow this down to a nice test case, because I seem to be getting far too many different results from slightly different code. Some test cases to start your investigation:

(filters don’t seem to be applied at all)

(filters should be applied to outer/inner elements on hover/activate, but incorrect filters are being applied and inner 3D element disappears in some cases)


0 attachments

    Comments and activity

    • Confirmed repro, even on latest builds.

    • Microsoft Edge Team

      Changed Assigned To to “Rick J.”

    • And another example, also from Ana Tudor.

      In addition to the brightness filter not getting applied, I’m seeing a repaint error where the repaint rectangles are not being correctly computed as the shapes animate, leaving lingering triangles around the screen. Unfortunately, neither of my screenshot tools are successfully capturing the repaint problem.

    • Microsoft Edge Team

      Changed Assigned To to “Leonardo B.”

      Changed Assigned To from “Leonardo B.” to “Augusto R.”

      Changed Status to “Confirmed”

      Changed Assigned To from “Augusto R.” to “Ray X.”

      Changed Status from “Confirmed”

      Changed Status to “Confirmed”

      Changed Status from “Confirmed” to “In code review”

      Changed Status from “In code review” to “In progress”

      Changed Status from “In progress” to “In code review”

      Changed Status from “In code review” to “Fixed, not yet flighted”

      Changed Assigned To to “Ray X.”

      Changed Status from “Fixed, not yet flighted”

      Changed Status to “Fixed, not yet flighted”

    • We resolved this item out and have recreated a non-public work item that we are tracking this with.

      Thank you for reporting this. Looking forward to more feedback from you going forward.

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

    Sign in