<html> <head> <style> div { width: 100px; height:100px; overflow:hidden; float:left; } .green { background-color:green } .red { background-color:red } </style> <script src="resources/text-based-repaint.js" type="text/javascript"></script> <script> function repaintTest() { document.getElementsByClassName("green")[0].style.opacity = 1; } </script> </head> <body onload="runRepaintTest()"> <p>Repaint test for <rdar><!-- Oh man, let me explain why this is here. In the beginning, there was an <rdar:://problem/6869687> link to the great and mysterious rdar. However, that link was invisible because whoever added it decided to enclose the link in angle brackets. There was peace in the land, until we implemented the HTML5 parsing algorithm, which changed the name of the mysterious rdar element to not include // charaters. Rather than regenerate the expected results (which were platform specific), our hero changed the rdar link to an <rdar> element and hand-edited the expected render tree. And on the third day, he rested. --> REGRESSION (r41203): Facebook friend suggestions disappear on update. Make sure when a layer switches from being self-painting to non-self-painting that a layout happens to fix up the floating objects lists. You should see a 100x100 green square below. If you see any red, the test has failed. </p> <div class="red"> <div class="green" style="opacity:0.5"> </div> </div>