Commit 89a04c71 authored by hyatt's avatar hyatt

Update overflow tests. Add new overflow test.

git-svn-id: svn://svn.chromium.org/blink/trunk@18729 bbb929c8-8fbe-4397-9dbb-9b2b20218538
parent 3443ce96
97cca92fdc4b1956300ca845d4f93718 3951b6f192b0472655ba49403f5f2e95
\ No newline at end of file \ No newline at end of file
a4a463843855d5e66695540736877242 d0c119e2845f486638bfcc0096adfe7d
\ No newline at end of file \ No newline at end of file
8b94ce9c1be723c4dd439ad61a3a3db8 460b86862e48dd2d401551984676ae22
\ No newline at end of file \ No newline at end of file
...@@ -2,7 +2,7 @@ layer at (0,0) size 800x600 ...@@ -2,7 +2,7 @@ layer at (0,0) size 800x600
RenderView at (0,0) size 800x600 RenderView at (0,0) size 800x600
layer at (10,10) size 780x302 layer at (10,10) size 780x302
RenderBlock {fake} at (10,10) size 780x302 [bgcolor=#FFFF00] RenderBlock {fake} at (10,10) size 780x302 [bgcolor=#FFFF00]
layer at (10,10) size 282x302 clip at (11,11) size 265x300 scrollHeight 1292 layer at (10,10) size 282x302 clip at (11,11) size 265x300 scrollHeight 1302
RenderBlock {channel} at (0,0) size 282x302 [bgcolor=#EEEEEE] [border: (1px solid #000000)] RenderBlock {channel} at (0,0) size 282x302 [bgcolor=#EEEEEE] [border: (1px solid #000000)]
RenderBlock {title} at (11,11) size 255x19 RenderBlock {title} at (11,11) size 255x19
RenderText {#text} at (0,0) size 154x19 RenderText {#text} at (0,0) size 154x19
......
935d7d57f8d632684faaa1dceeacc19a 96906470df630a09943e165b1611e931
\ No newline at end of file \ No newline at end of file
61a85d9947a98551c4e0700b044a5daa 5b68f6b380c35576f74da0ef5aef1015
\ No newline at end of file \ No newline at end of file
6ce54d8985ee1d443f409fe1130a2847 80dd218cd7597d718e38668486e346cd
\ No newline at end of file \ No newline at end of file
8c7a37cf7f33b5ecf66778684970c6c1 b8bf776138938b0cdd7fbc7056a022f3
\ No newline at end of file \ No newline at end of file
...@@ -3,7 +3,7 @@ layer at (0,0) size 800x600 ...@@ -3,7 +3,7 @@ layer at (0,0) size 800x600
layer at (0,0) size 800x388 layer at (0,0) size 800x388
RenderBlock {HTML} at (0,0) size 800x388 RenderBlock {HTML} at (0,0) size 800x388
RenderBody {BODY} at (32,32) size 736x324 [bgcolor=#CCCCCC] RenderBody {BODY} at (32,32) size 736x324 [bgcolor=#CCCCCC]
layer at (143,32) size 514x146 clip at (144,33) size 497x144 scrollHeight 284 layer at (143,32) size 514x146 clip at (144,33) size 497x144 scrollHeight 296
RenderBlock {DIV} at (111,0) size 514x146 [bgcolor=#FFFFFF] [border: (1px solid #999999)] RenderBlock {DIV} at (111,0) size 514x146 [bgcolor=#FFFFFF] [border: (1px solid #999999)]
RenderBlock {P} at (17,17) size 465x72 RenderBlock {P} at (17,17) size 465x72
RenderText {#text} at (0,0) size 220x18 RenderText {#text} at (0,0) size 220x18
...@@ -48,7 +48,7 @@ layer at (0,0) size 40x34 ...@@ -48,7 +48,7 @@ layer at (0,0) size 40x34
RenderBlock (positioned) {P} at (0,0) size 40x34 [bgcolor=#FF0000] RenderBlock (positioned) {P} at (0,0) size 40x34 [bgcolor=#FF0000]
RenderText {#text} at (8,8) size 24x18 RenderText {#text} at (8,8) size 24x18
text run at (8,8) width 24: "hi 1" text run at (8,8) width 24: "hi 1"
layer at (143,210) size 514x146 clip at (144,211) size 497x144 scrollHeight 336 layer at (143,210) size 514x146 clip at (144,211) size 497x144 scrollHeight 348
RenderBlock (relative positioned) {DIV} at (111,178) size 514x146 [bgcolor=#FFFFFF] [border: (1px solid #999999)] RenderBlock (relative positioned) {DIV} at (111,178) size 514x146 [bgcolor=#FFFFFF] [border: (1px solid #999999)]
RenderBlock {P} at (17,17) size 465x36 RenderBlock {P} at (17,17) size 465x36
RenderText {#text} at (0,0) size 462x36 RenderText {#text} at (0,0) size 462x36
......
cbda5dcb56870123d90bd44a66426e15 8c3b3fd0eea2343c0535f5d585c93829
\ No newline at end of file \ No newline at end of file
106e200348dc751b6bb041817aec3a29 3214deb4774f71cf49fc972428dc0b9a
\ No newline at end of file \ No newline at end of file
ff541fdc8e3b2ee708b280883f7b4ff2 d0dd06abf8ff45bc6125e4f8474ac332
\ No newline at end of file \ No newline at end of file
95d6b465098e58582211d27c6a2f2d3a f7c6a5772326b86c9d9bc58c666dff1b
\ No newline at end of file \ No newline at end of file
3b8cd929017770066d445958cacf2a98 d82e854f4f3bbc1472262ce07813254e
\ No newline at end of file \ No newline at end of file
48b1371fd951de5d21dd5fbe4f646587 613b5928eca935925a7fbe226355b91b
\ No newline at end of file \ No newline at end of file
12316a559d2684f06bd78e676f38408f a257401f00448028c4ca23d0c8482889
\ No newline at end of file \ No newline at end of file
4b1f2a2e8f3d745438324d71521d1925 8e03449f8dc56a47399454529febe781
\ No newline at end of file \ No newline at end of file
c0a33da3ccc7a28941d300b4640cf408 e233a55454a73821982fdd46abc09007
\ No newline at end of file \ No newline at end of file
5043649d1f9efe801be83e8926b69e64 158e60d32fc07a051801b280d620ccf3
\ No newline at end of file \ No newline at end of file
8e57ed582fcb7f54e401dde4b068fc80 64edbdd1b227e42ece8dda06c973957f
\ No newline at end of file \ No newline at end of file
01bc2b1cce1987a02e14838f154b8ecf 740fb505adbfea09719313bf5bf67d66
\ No newline at end of file \ No newline at end of file
e9a1611f5fc3571e6bf9996b88963eca bc0ce4ebc76e08f2185d787010d23ec4
\ No newline at end of file \ No newline at end of file
e19a92ab09eddcb9b61603a261c7191a
\ No newline at end of file
layer at (0,0) size 800x600
RenderView at (0,0) size 800x600
layer at (0,0) size 800x600
RenderBlock {HTML} at (0,0) size 800x600
RenderBody {BODY} at (8,8) size 784x584
RenderTable {TABLE} at (0,0) size 106x106
RenderTableSection {TBODY} at (0,0) size 106x106
RenderTableRow {TR} at (0,2) size 106x102
RenderTableCell {TD} at (2,2) size 102x102 [bgcolor=#CCCCCC] [r=0 c=0 rs=1 cs=1]
RenderBlock (anonymous) at (0,106) size 784x126
RenderText {#text} at (0,0) size 764x36
text run at (0,0) width 764: "Here it is: a gray, one-cell, no-width-specified table, with a 100x100 scrolling (overflow:auto) div inside. In this div, there"
text run at (0,18) width 367: "are floating (float: left) span tags with content inside (text)."
RenderBR {BR} at (367,32) size 0x0
RenderBR {BR} at (0,36) size 0x18
RenderText {#text} at (0,54) size 746x36
text run at (0,54) width 746: "You would expect that the table would expand to fit the defined width of the div tag. But in Safari and Shiira, the table"
text run at (0,72) width 195: "expands to fit the height of the "
RenderInline {I} at (0,0) size 133x18
RenderText {#text} at (195,72) size 133x18
text run at (195,72) width 133: "content inside the div"
RenderText {#text} at (328,72) size 777x36
text run at (328,72) width 449: ", not the height of the div. This behavior does not occur if the content is"
text run at (0,90) width 71: "not floated."
RenderBR {BR} at (71,104) size 0x0
RenderBR {BR} at (0,108) size 0x18
layer at (11,11) size 100x100 clip at (11,11) size 85x100 scrollHeight 216
RenderBlock {DIV} at (1,1) size 100x100
RenderBlock (floating) {SPAN} at (0,0) size 28x18
RenderText {#text} at (0,0) size 28x18
text run at (0,0) width 28: "stuff"
RenderBlock (floating) {SPAN} at (28,0) size 28x18
RenderText {#text} at (0,0) size 28x18
text run at (0,0) width 28: "stuff"
RenderBlock (floating) {SPAN} at (56,0) size 28x18
RenderText {#text} at (0,0) size 28x18
text run at (0,0) width 28: "stuff"
RenderBlock (floating) {SPAN} at (0,18) size 28x18
RenderText {#text} at (0,0) size 28x18
text run at (0,0) width 28: "stuff"
RenderBlock (floating) {SPAN} at (28,18) size 28x18
RenderText {#text} at (0,0) size 28x18
text run at (0,0) width 28: "stuff"
RenderBlock (floating) {SPAN} at (56,18) size 28x18
RenderText {#text} at (0,0) size 28x18
text run at (0,0) width 28: "stuff"
RenderBlock (floating) {SPAN} at (0,36) size 28x18
RenderText {#text} at (0,0) size 28x18
text run at (0,0) width 28: "stuff"
RenderBlock (floating) {SPAN} at (28,36) size 28x18
RenderText {#text} at (0,0) size 28x18
text run at (0,0) width 28: "stuff"
RenderBlock (floating) {SPAN} at (56,36) size 28x18
RenderText {#text} at (0,0) size 28x18
text run at (0,0) width 28: "stuff"
RenderBlock (floating) {SPAN} at (0,54) size 28x18
RenderText {#text} at (0,0) size 28x18
text run at (0,0) width 28: "stuff"
RenderBlock (floating) {SPAN} at (28,54) size 28x18
RenderText {#text} at (0,0) size 28x18
text run at (0,0) width 28: "stuff"
RenderBlock (floating) {SPAN} at (56,54) size 28x18
RenderText {#text} at (0,0) size 28x18
text run at (0,0) width 28: "stuff"
RenderBlock (floating) {SPAN} at (0,72) size 28x18
RenderText {#text} at (0,0) size 28x18
text run at (0,0) width 28: "stuff"
RenderBlock (floating) {SPAN} at (28,72) size 28x18
RenderText {#text} at (0,0) size 28x18
text run at (0,0) width 28: "stuff"
RenderBlock (floating) {SPAN} at (56,72) size 28x18
RenderText {#text} at (0,0) size 28x18
text run at (0,0) width 28: "stuff"
RenderBlock (floating) {SPAN} at (0,90) size 28x18
RenderText {#text} at (0,0) size 28x18
text run at (0,0) width 28: "stuff"
RenderBlock (floating) {SPAN} at (28,90) size 28x18
RenderText {#text} at (0,0) size 28x18
text run at (0,0) width 28: "stuff"
RenderBlock (floating) {SPAN} at (56,90) size 28x18
RenderText {#text} at (0,0) size 28x18
text run at (0,0) width 28: "stuff"
RenderBlock (floating) {SPAN} at (0,108) size 28x18
RenderText {#text} at (0,0) size 28x18
text run at (0,0) width 28: "stuff"
RenderBlock (floating) {SPAN} at (28,108) size 28x18
RenderText {#text} at (0,0) size 28x18
text run at (0,0) width 28: "stuff"
RenderBlock (floating) {SPAN} at (56,108) size 28x18
RenderText {#text} at (0,0) size 28x18
text run at (0,0) width 28: "stuff"
RenderBlock (floating) {SPAN} at (0,126) size 28x18
RenderText {#text} at (0,0) size 28x18
text run at (0,0) width 28: "stuff"
RenderBlock (floating) {SPAN} at (28,126) size 28x18
RenderText {#text} at (0,0) size 28x18
text run at (0,0) width 28: "stuff"
RenderBlock (floating) {SPAN} at (56,126) size 28x18
RenderText {#text} at (0,0) size 28x18
text run at (0,0) width 28: "stuff"
RenderBlock (floating) {SPAN} at (0,144) size 28x18
RenderText {#text} at (0,0) size 28x18
text run at (0,0) width 28: "stuff"
RenderBlock (floating) {SPAN} at (28,144) size 28x18
RenderText {#text} at (0,0) size 28x18
text run at (0,0) width 28: "stuff"
RenderBlock (floating) {SPAN} at (56,144) size 28x18
RenderText {#text} at (0,0) size 28x18
text run at (0,0) width 28: "stuff"
RenderBlock (floating) {SPAN} at (0,162) size 28x18
RenderText {#text} at (0,0) size 28x18
text run at (0,0) width 28: "stuff"
RenderBlock (floating) {SPAN} at (28,162) size 28x18
RenderText {#text} at (0,0) size 28x18
text run at (0,0) width 28: "stuff"
RenderBlock (floating) {SPAN} at (56,162) size 28x18
RenderText {#text} at (0,0) size 28x18
text run at (0,0) width 28: "stuff"
RenderBlock (floating) {SPAN} at (0,180) size 28x18
RenderText {#text} at (0,0) size 28x18
text run at (0,0) width 28: "stuff"
RenderBlock (floating) {SPAN} at (28,180) size 28x18
RenderText {#text} at (0,0) size 28x18
text run at (0,0) width 28: "stuff"
RenderBlock (floating) {SPAN} at (56,180) size 28x18
RenderText {#text} at (0,0) size 28x18
text run at (0,0) width 28: "stuff"
RenderBlock (floating) {SPAN} at (0,198) size 28x18
RenderText {#text} at (0,0) size 28x18
text run at (0,0) width 28: "stuff"
<html>
<head>
<style type="text/css">
.hey {
float: left;
}
.box {
overflow: auto;
height: 100px;
width: 100px;
}
td {
background-color: #ccc;
}
</style>
</head>
<body>
<table><tr><td>
<div class="box">
<span class="hey">stuff </span>
<span class="hey">stuff </span>
<span class="hey">stuff </span>
<span class="hey">stuff </span>
<span class="hey">stuff </span>
<span class="hey">stuff </span>
<span class="hey">stuff </span>
<span class="hey">stuff </span>
<span class="hey">stuff </span>
<span class="hey">stuff </span>
<span class="hey">stuff </span>
<span class="hey">stuff </span>
<span class="hey">stuff </span>
<span class="hey">stuff </span>
<span class="hey">stuff </span>
<span class="hey">stuff </span>
<span class="hey">stuff </span>
<span class="hey">stuff </span>
<span class="hey">stuff </span>
<span class="hey">stuff </span>
<span class="hey">stuff </span>
<span class="hey">stuff </span>
<span class="hey">stuff </span>
<span class="hey">stuff </span>
<span class="hey">stuff </span>
<span class="hey">stuff </span>
<span class="hey">stuff </span>
<span class="hey">stuff </span>
<span class="hey">stuff </span>
<span class="hey">stuff </span>
<span class="hey">stuff </span>
<span class="hey">stuff </span>
<span class="hey">stuff </span>
<span class="hey">stuff </span>
</div>
</td></tr></table>
Here it is: a gray, one-cell, no-width-specified table, with a 100x100 scrolling (overflow:auto) div inside. In this div, there are floating (float: left) span tags with content inside (text).<br><br>
You would expect that the table would expand to fit the defined width of the div tag. But in Safari and Shiira, the table expands to fit the height of the <i>content inside the div</i>, not the height of the div. This behavior does not occur if the content is not floated.<br><br>
</body>
</html>
\ No newline at end of file
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment