| OLD | NEW |
| (Empty) |
| 1 <!DOCTYPE HTML> | |
| 2 <html> | |
| 3 <head> | |
| 4 <title>Repaint test for http://bugs.webkit.org/show_bug.cgi?id=12123</title> | |
| 5 <script src="../../resources/ahem.js"></script> | |
| 6 <style> | |
| 7 .spacer { width: 0; height: 6px; } | |
| 8 .test { border: thin dotted lightgray; margin: 2px; height: 35px; } | |
| 9 .outer { border: thin solid purple; padding: 5px; width: 50px; margin-le
ft: 50px; } | |
| 10 .outer > div { height: 10px; background-color: pink; } | |
| 11 .outer > div > div { width: 40px; height: 10px; background-color: lightb
lue; } | |
| 12 span { font-family: Ahem; color: blue; } | |
| 13 .box { display: -webkit-box; } | |
| 14 </style> | |
| 15 </head> | |
| 16 <body> | |
| 17 <div class="test"> | |
| 18 <div class="spacer" id="spacer1"></div> | |
| 19 <div class="outer"> | |
| 20 <div> | |
| 21 <div style="float: left; margin-left: -2px;"> | |
| 22 <span style="margin-left: -2px;">x</span> | |
| 23 </div> | |
| 24 </div> | |
| 25 </div> | |
| 26 </div> | |
| 27 | |
| 28 <div class="test"> | |
| 29 <div class="spacer" id="spacer2"></div> | |
| 30 <div class="outer"> | |
| 31 <div> | |
| 32 <div style="float: left; margin-left: -2px;"> | |
| 33 <span style="margin-left: -8px;">x</span> | |
| 34 </div> | |
| 35 </div> | |
| 36 </div> | |
| 37 </div> | |
| 38 | |
| 39 <div class="test"> | |
| 40 <div class="spacer" id="spacer3"></div> | |
| 41 <div class="outer"> | |
| 42 <div> | |
| 43 <div style="float: left; margin-left: -8px;"> | |
| 44 <span style="margin-left: -2px;">x</span> | |
| 45 </div> | |
| 46 </div> | |
| 47 </div> | |
| 48 </div> | |
| 49 | |
| 50 <div class="test"> | |
| 51 <div class="spacer" id="spacer4"></div> | |
| 52 <div class="outer"> | |
| 53 <div> | |
| 54 <div style="float: left;"> | |
| 55 <span style="margin-left: -8px;">x</span> | |
| 56 </div> | |
| 57 </div> | |
| 58 </div> | |
| 59 </div> | |
| 60 | |
| 61 <div class="test"> | |
| 62 <div class="spacer" id="spacer5"></div> | |
| 63 <div class="outer"> | |
| 64 <div> | |
| 65 <div style="float: left; margin-left: -8px;"> | |
| 66 <span>x</span> | |
| 67 </div> | |
| 68 </div> | |
| 69 </div> | |
| 70 </div> | |
| 71 | |
| 72 <div class="test"> | |
| 73 <div class="spacer" id="spacer6"></div> | |
| 74 <div class="outer box" style="-webkit-box-orient: vertical;"> | |
| 75 <div> | |
| 76 <div style="float: left; margin-left: -8px;"> | |
| 77 <span>x</span> | |
| 78 </div> | |
| 79 </div> | |
| 80 </div> | |
| 81 </div> | |
| 82 | |
| 83 <div class="test"> | |
| 84 <div class="spacer" id="spacer12"></div> | |
| 85 <div class="outer box" style="-webkit-box-orient: horizontal;"> | |
| 86 <div> | |
| 87 <div style="float: left; margin-left: -8px;"> | |
| 88 <span>x</span> | |
| 89 </div> | |
| 90 </div> | |
| 91 </div> | |
| 92 </div> | |
| 93 | |
| 94 <div class="test"> | |
| 95 <div class="spacer" id="spacer7"></div> | |
| 96 <table class="outer"> | |
| 97 <tr> | |
| 98 <td style="height: 10px; background-color: pink; width: 100%;"> | |
| 99 <div style="width: 40px; height: 10px; background-color: lig
htblue; float: left;"> | |
| 100 <span style="margin-left: -4px;">x</span> | |
| 101 </div> | |
| 102 </td> | |
| 103 </tr> | |
| 104 </table> | |
| 105 </div> | |
| 106 | |
| 107 <div class="test"> | |
| 108 <div class="spacer" id="spacer8"></div> | |
| 109 <table class="outer"> | |
| 110 <tr> | |
| 111 <td style="height: 10px; background-color: pink; width: 100%;"> | |
| 112 <div style="width: 40px; height: 10px; background-color: lig
htblue; float: left;"> | |
| 113 <span style="margin-left: -12px;">x</span> | |
| 114 </div> | |
| 115 </td> | |
| 116 </tr> | |
| 117 </table> | |
| 118 </div> | |
| 119 | |
| 120 <div class="test" style="height: 50px;"> | |
| 121 <div class="spacer" id="spacer14"></div> | |
| 122 <table class="outer" style="display: inline-table;"> | |
| 123 <tr> | |
| 124 <td style="height: 10px; background-color: pink; width: 100%;"> | |
| 125 <div style="width: 40px; height: 10px; background-color: lig
htblue; float: left;"> | |
| 126 <span style="margin-left: -12px;">x</span> | |
| 127 </div> | |
| 128 </td> | |
| 129 </tr> | |
| 130 </table> | |
| 131 </div> | |
| 132 | |
| 133 <div class="test"> | |
| 134 <div class="spacer" id="spacer9"></div> | |
| 135 <div class="outer"> | |
| 136 <div> | |
| 137 <div style="opacity: 0.75; float: left; margin-left: -8px;"> | |
| 138 <span>x</span> | |
| 139 </div> | |
| 140 </div> | |
| 141 </div> | |
| 142 </div> | |
| 143 | |
| 144 <div class="test"> | |
| 145 <div class="spacer" id="spacer10"></div> | |
| 146 <div class="outer"> | |
| 147 <div style="opacity: 0.75;"> | |
| 148 <div style="float: left; margin-left: -8px;"> | |
| 149 <span>x</span> | |
| 150 </div> | |
| 151 </div> | |
| 152 </div> | |
| 153 </div> | |
| 154 | |
| 155 <div class="test"> | |
| 156 <div class="spacer" id="spacer11"></div> | |
| 157 <div class="outer" style="opacity: 0.75"> | |
| 158 <div> | |
| 159 <div style="float: left; margin-left: -8px;"> | |
| 160 <span>x</span> | |
| 161 </div> | |
| 162 </div> | |
| 163 </div> | |
| 164 </div> | |
| 165 <div class="test" style="height: 48px"> | |
| 166 <div class="spacer" id="spacer13"></div> | |
| 167 <div class="outer"> | |
| 168 <div style="display: inline-block; height: 20px;"> | |
| 169 <div style="float: left; margin-left: -8px;"> | |
| 170 <span>x</span> | |
| 171 </div> | |
| 172 </div> | |
| 173 </div> | |
| 174 </div> | |
| 175 </body> | |
| 176 </html> | |
| OLD | NEW |