Rendering artifacts on Bootstrap modals in IE11 and Edge
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? 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. <div> Code snippet: jQuery(document).ready(function(e) { jQuery('#mymodal').trigger('click'); }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrap...