Steps to reproduce
We are working on an app that relies on applying the “invert” filter to an <img> element that is used as "background". After careful testing, we found out that the filter no longer works on the image as soon as dynamic elements (e.g. div/img nodes) are appended to the HTML document.
Additionally, both the background img and the child nodes are “absolute” positioned.
Please check the attached zip, which contains the index.html that reproduces the issue. If you comment out line 46, the issue goes away, and the background image is inverted – but this breaks with the overall purpose of the page, which is to show an animation of dynamically-created icons.
Comments and activity
- Microsoft Edge Team
Changed Assigned To to “Brad E.”
Changed Assigned To to “Rick J.”
Changed Assigned To from “Rick J.” to “Christian F.”