Monday, 2 July 2018

Rendering artifacts on Bootstrap modals in IE11 and Edge

I am repeatedly experiencing Rendering artifacts on several versions of IE11 and Edge, as well as several different devices with different graphics cards and drivers, and different update states of Windows 10.
The blue arrows on the screenshots point to some of them. On this screenshot, the artifacts result form closing dropdown lists. But they may also appear around charts.
Interesting point: They only occur on Bootstrap modals.
How can I avoid them?
[UPDATE] The artifacts are parts of the underlying page content. It seems as if changes on the modal <div> (for instance erased dropdown lists) lead to parts of the main page becoming rendered over the modal.
enter image description here
[UPDATE] JS FIDDLE: http://jsfiddle.net/1aeur58f/3075
enter image description here


from Rendering artifacts on Bootstrap modals in IE11 and Edge

No comments:

Post a Comment