artifacts with Chrome on Windows

http://jsfiddle.net/1aeur58f/1/

<!-- Button trigger modal -->
<button type="button" id="mymodal" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    <h4 class="modal-title" id="myModalLabel">Modal title</h4>
  </div>
  <div class="modal-body">
    ...
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    <button type="button" class="btn btn-primary">Save changes</button>
  </div>
 </div>
 </div>

Hello Bootstrap Team,

I have face issue on bootstrap modal background issue? flickering background pixels.

I have placed StackOverflow for more details below link: https://stackoverflow.com/questions/46501097/background-pixels-flickering-on-bootstrap-modal

Please update me… if you got any solution…

Thanks, Jagdish Parmar

[smickus]

I managed to workaround this issue by changing .modal-backdrop.show opacity to 1 and background-color to rgba(0,0,0,0.5)

[XhmikosR]

Personally I don’t use Chrome on my main machine, but I could test a couple of things with @Johann-S.

Requirements:

• Windows 7 64-bit / 10 64-bit
• Chrome stable 61.0.3163.100 64-bit (some people reported it happens with beta and canary too in #24258)
• Intel VGA (the version doesn’t seem to matter)

Result:

This results in visual glitches like this one and the ones mentioned in #24258.

Workaround:

Whoever is affected, you should see that the problem goes away if you disable hardware acceleration.

/CC @addyosmani: can we escalate this issue? It seems a lot of people are affected 😕