OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <style> | 3 <style> |
4 div { | 4 div { |
5 height: 100px; | 5 height: 100px; |
6 width: 100px; | 6 width: 100px; |
7 } | 7 } |
8 | 8 |
9 div#wrapper { | 9 div#wrapper { |
10 margin-left: 100px; | 10 margin-left: 100px; |
11 margin-top: 100px; | 11 margin-top: 100px; |
12 background-color: green; | 12 background-color: green; |
13 overflow: hidden; | 13 overflow: hidden; |
14 } | 14 } |
15 | 15 |
16 div#startOverflow { | 16 div#startOverflow { |
17 background-color: red; | 17 background-color: red; |
18 position: relative; | 18 position: relative; |
19 left: -100px; | 19 left: -100px; |
20 } | 20 } |
21 </style> | 21 </style> |
22 <body> | 22 <body> |
23 <a href="https://bugs.webkit.org/show_bug.cgi?id=82129">82129</a>: REGRESSION (r
110065-r110080): Content drawing outside overflow: hidden at ynet.co.il</a> | 23 <a href="https://bugs.webkit.org/show_bug.cgi?id=82129">82129</a>: REGRESSION (r
110065-r110080): Content drawing outside overflow: hidden at ynet.co.il</a> |
24 <p>Your shouldn't see any red on this page, just a green square.</p> | 24 <p>Your shouldn't see any red on this page, just a green square.</p> |
25 <div id="wrapper"> | 25 <div id="wrapper"> |
26 <div id="startOverflow"></div> | 26 <div id="startOverflow"></div> |
27 </div> | 27 </div> |
28 </body> | 28 </body> |
29 </html> | 29 </html> |
OLD | NEW |