wine/gecko
0
0
Fork 0
mirror of https://gitlab.winehq.org/wine/wine-gecko.git synced 2024-09-13 09:24:08 -07:00
Code Issues Packages Projects Releases Wiki Activity

Bug 1120431. Ensure that the draw region of a painted layer always includes the visible region, even if simplication of the region might try to change that. r=matt.woodrow

Browse Source 
Sometimes, in very specific cases,  the visible region gets simplified to one rect and is thus much bigger than the draw region. This becomes a problem if we decide to pull an opaque background color from a lower layer so that we are opaque. In which case we draw the background color over the whole visible region. But we use the draw region to determine if we can place items below this layer, so that background color could cover them incorrectly.
This commit is contained in:
Timothy Nikkel 2015-01-25 17:28:51 -06:00
parent 32287444ad
commit 6c3cb83d4a
6 changed files with 821 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
layout/base/FrameLayerBuilder.cpp
View File

@ -2491,6 +2491,7 @@ PaintedLayerData::Accumulate(ContainerState* aState,
mVisibleRegion.Or(mVisibleRegion, aVisibleRect);
mVisibleRegion.SimplifyOutward(4);
mDrawRegion.Or(mDrawRegion, mVisibleRegion);
mDrawRegion.Or(mDrawRegion, aDrawRect);
mDrawRegion.SimplifyOutward(4);
}

202
layout/reftests/bugs/1120431-1-ref.html Normal file
View File

@ -0,0 +1,202 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style>
.container-ext {
padding-left: 180px;
padding-right: 180px;
}
.headline {
line-height: 30px;
text-shadow: 1px 1px rgba(255, 255, 255, 0.3);
}
ul {
list-style: none;
}
.headline-left {
left: 30px;
}
.headline-right {
top: 20px !important;
/*bottom:370px !important;*/
right: 20px;
}
.headline-active {
position: fixed;
top: 100px;
}
.list-author:before,
.list-author:after {
content: "\200e";
display: table;
}
.list-author:after {
clear: both;
}
.list-author-vocal {
float: left;
margin-right: 10px;
}
.ff { position: fixed; }
</style>
</head>
<body>
<div class="container-ext">
<div class="headline headline-left headline-active">
<ul class="list-author">
<li class="list-author-vocal">
A
</li>
<li class="list-author-vocal">
B
</li>
<li class="list-author-vocal">
C
</li>
<li class="list-author-vocal">
D
</li>
<li class="list-author-vocal">
E
</li>
</ul>
<ul class="list-author">
<li class="list-author-vocal">
F
</li>
<li class="list-author-vocal">
G
</li>
<li class="list-author-vocal">
H
</li>
<li class="list-author-vocal">
I
</li>
<li class="list-author-vocal">
J
</li>
</ul>
<ul class="list-author">
<li class="list-author-vocal">
K
</li>
<li class="list-author-vocal">
L
</li>
<li class="list-author-vocal">
M
</li>
<li class="list-author-vocal">
N
</li>
<li class="list-author-vocal">
O
</li>
</ul>
<ul class="list-author">
<li class="list-author-vocal active">
P
</li>
<li class="list-author-vocal">
R
</li>
<li class="list-author-vocal">
S
</li>
<li class="list-author-vocal">
T
</li>
<li class="list-author-vocal">
V
</li>
</ul>
<ul class="list-author">
<li class="list-author-vocal">
W
</li>
<li class="list-author-vocal">
Y
</li>
<li class="list-author-vocal">
Z
</li>
</ul>
<div class="ff" style="left: 69px; top: 115px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 145px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 161px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 191px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 237px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 253px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 283px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 299px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 135px; top: 299px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 135px; top: 299px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 135px; top: 299px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 135px; top: 299px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 329px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 345px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 68px; top: 352px; width: 41px; height: 19px; background: blue;"></div>
<div class="ff" style="left: 68px; top: 382px; width: 41px; height: 19px; background: blue;"></div>
<div class="ff" style="left: 68px; top: 412px; width: 41px; height: 19px; background: blue;"></div>
<div class="ff" style="left: 68px; top: 442px; width: 41px; height: 19px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 465px; width: 3px; height: 3px; background: blue;"></div>
<ul class="list-author">
<li>
Word
</li>
<li>
Word
</li>
<li>
Word
</li>
<li>
Word
</li>
</ul>
</div> <!-- headline headline-left headline-active -->
<div style="position:relative;">
<div style="height: 4000px; background: red;">
</div>
</div>
</div> <!-- container-ext -->
</body>
</html>

205
layout/reftests/bugs/1120431-1.html Normal file
View File

@ -0,0 +1,205 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style>
.container-ext {
padding-left: 180px;
padding-right: 180px;
}
.headline {
line-height: 30px;
text-shadow: 1px 1px rgba(255, 255, 255, 0.3);
}
ul {
list-style: none;
}
.headline-left {
left: 30px;
}
.headline-right {
top: 20px !important;
/*bottom:370px !important;*/
right: 20px;
}
.headline-active {
position: fixed;
top: 100px;
}
.list-author:before,
.list-author:after {
content: "\200e";
display: table;
}
.list-author:after {
clear: both;
}
.list-author-vocal {
float: left;
margin-right: 10px;
}
.ff { position: fixed; }
</style>
</head>
<body>
<div class="container-ext">
<div class="headline headline-left headline-active">
<ul class="list-author">
<li class="list-author-vocal">
A
</li>
<li class="list-author-vocal">
B
</li>
<li class="list-author-vocal">
C
</li>
<li class="list-author-vocal">
D
</li>
<li class="list-author-vocal">
E
</li>
</ul>
<ul class="list-author">
<li class="list-author-vocal">
F
</li>
<li class="list-author-vocal">
G
</li>
<li class="list-author-vocal">
H
</li>
<li class="list-author-vocal">
I
</li>
<li class="list-author-vocal">
J
</li>
</ul>
<ul class="list-author">
<li class="list-author-vocal">
K
</li>
<li class="list-author-vocal">
L
</li>
<li class="list-author-vocal">
M
</li>
<li class="list-author-vocal">
N
</li>
<li class="list-author-vocal">
O
</li>
</ul>
<ul class="list-author">
<li class="list-author-vocal active">
P
</li>
<li class="list-author-vocal">
R
</li>
<li class="list-author-vocal">
S
</li>
<li class="list-author-vocal">
T
</li>
<li class="list-author-vocal">
V
</li>
</ul>
<ul class="list-author">
<li class="list-author-vocal">
W
</li>
<li class="list-author-vocal">
Y
</li>
<li class="list-author-vocal">
Z
</li>
</ul>
<div class="ff" style="left: 69px; top: 115px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 145px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 161px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 191px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 237px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 253px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 283px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 299px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 135px; top: 299px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 135px; top: 299px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 135px; top: 299px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 135px; top: 299px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 329px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 345px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 68px; top: 352px; width: 41px; height: 19px; background: blue;"></div>
<div class="ff" style="left: 68px; top: 382px; width: 41px; height: 19px; background: blue;"></div>
<div class="ff" style="left: 68px; top: 412px; width: 41px; height: 19px; background: blue;"></div>
<div class="ff" style="left: 68px; top: 442px; width: 41px; height: 19px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 465px; width: 3px; height: 3px; background: blue;"></div>
<ul class="list-author">
<li>
Word
</li>
<li>
Word
</li>
<li>
Word
</li>
<li>
Word
</li>
</ul>
</div> <!-- headline headline-left headline-active -->
<div class="headline headline-right headline-active">
­<!--&#x200e;f--><div style="width: 2px; height: 2px; background: white;"></div>
</div>
<div style="position:relative;">
<div style="height: 4000px; background: red;">
</div>
</div>
</div> <!-- container-ext -->
</body>
</html>

204
layout/reftests/bugs/1120431-2-ref.html Normal file
View File

@ -0,0 +1,204 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style>
.container-ext {
padding-left: 180px;
padding-right: 180px;
}
.headline {
line-height: 30px;
text-shadow: 1px 1px rgba(255, 255, 255, 0.3);
}
ul {
list-style: none;
}
.headline-left {
left: 30px;
}
.headline-right {
top: 20px !important;
/*bottom:370px !important;*/
right: 20px;
}
.headline-active {
position: fixed;
top: 100px;
}
.list-author:before,
.list-author:after {
content: "\200e";
display: table;
}
.list-author:after {
clear: both;
}
.list-author-vocal {
float: left;
margin-right: 10px;
}
.ff { position: fixed; }
</style>
</head>
<body>
<div class="container-ext">
<div class="headline headline-left headline-active">
<ul class="list-author">
<li class="list-author-vocal">
A
</li>
<li class="list-author-vocal">
B
</li>
<li class="list-author-vocal">
C
</li>
<li class="list-author-vocal">
D
</li>
<li class="list-author-vocal">
E
</li>
</ul>
<ul class="list-author">
<li class="list-author-vocal">
F
</li>
<li class="list-author-vocal">
G
</li>
<li class="list-author-vocal">
H
</li>
<li class="list-author-vocal">
I
</li>
<li class="list-author-vocal">
J
</li>
</ul>
<ul class="list-author">
<li class="list-author-vocal">
K
</li>
<li class="list-author-vocal">
L
</li>
<li class="list-author-vocal">
M
</li>
<li class="list-author-vocal">
N
</li>
<li class="list-author-vocal">
O
</li>
</ul>
<ul class="list-author">
<li class="list-author-vocal active">
P
</li>
<li class="list-author-vocal">
R
</li>
<li class="list-author-vocal">
S
</li>
<li class="list-author-vocal">
T
</li>
<li class="list-author-vocal">
V
</li>
</ul>
<ul class="list-author">
<li class="list-author-vocal">
W
</li>
<li class="list-author-vocal">
Y
</li>
<li class="list-author-vocal">
Z
</li>
</ul>
<div class="ff" style="left: 69px; top: 115px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 145px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 161px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 191px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 237px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 253px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 283px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 299px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 135px; top: 299px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 135px; top: 299px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 135px; top: 299px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 135px; top: 299px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 329px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 345px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 68px; top: 352px; width: 41px; height: 19px; background: blue;"></div>
<div class="ff" style="left: 68px; top: 382px; width: 41px; height: 19px; background: blue;"></div>
<div class="ff" style="left: 68px; top: 412px; width: 41px; height: 19px; background: blue;"></div>
<div class="ff" style="left: 68px; top: 442px; width: 41px; height: 19px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 465px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 469px; width: 3px; height: 3px; background: blue;"></div><!-- only needed after whitespace opt -->
<div class="ff" style="left: 69px; top: 473px; width: 3px; height: 3px; background: blue;"></div><!-- only needed after whitespace opt -->
<ul class="list-author">
<li>
Word
</li>
<li>
Word
</li>
<li>
Word
</li>
<li>
Word
</li>
</ul>
</div> <!-- headline headline-left headline-active -->
<div style="position:relative;">
<div style="height: 4000px; background: red;">
</div>
</div>
</div> <!-- container-ext -->
</body>
</html>

207
layout/reftests/bugs/1120431-2.html Normal file
View File

@ -0,0 +1,207 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style>
.container-ext {
padding-left: 180px;
padding-right: 180px;
}
.headline {
line-height: 30px;
text-shadow: 1px 1px rgba(255, 255, 255, 0.3);
}
ul {
list-style: none;
}
.headline-left {
left: 30px;
}
.headline-right {
top: 20px !important;
/*bottom:370px !important;*/
right: 20px;
}
.headline-active {
position: fixed;
top: 100px;
}
.list-author:before,
.list-author:after {
content: "\200e";
display: table;
}
.list-author:after {
clear: both;
}
.list-author-vocal {
float: left;
margin-right: 10px;
}
.ff { position: fixed; }
</style>
</head>
<body>
<div class="container-ext">
<div class="headline headline-left headline-active">
<ul class="list-author">
<li class="list-author-vocal">
A
</li>
<li class="list-author-vocal">
B
</li>
<li class="list-author-vocal">
C
</li>
<li class="list-author-vocal">
D
</li>
<li class="list-author-vocal">
E
</li>
</ul>
<ul class="list-author">
<li class="list-author-vocal">
F
</li>
<li class="list-author-vocal">
G
</li>
<li class="list-author-vocal">
H
</li>
<li class="list-author-vocal">
I
</li>
<li class="list-author-vocal">
J
</li>
</ul>
<ul class="list-author">
<li class="list-author-vocal">
K
</li>
<li class="list-author-vocal">
L
</li>
<li class="list-author-vocal">
M
</li>
<li class="list-author-vocal">
N
</li>
<li class="list-author-vocal">
O
</li>
</ul>
<ul class="list-author">
<li class="list-author-vocal active">
P
</li>
<li class="list-author-vocal">
R
</li>
<li class="list-author-vocal">
S
</li>
<li class="list-author-vocal">
T
</li>
<li class="list-author-vocal">
V
</li>
</ul>
<ul class="list-author">
<li class="list-author-vocal">
W
</li>
<li class="list-author-vocal">
Y
</li>
<li class="list-author-vocal">
Z
</li>
</ul>
<div class="ff" style="left: 69px; top: 115px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 173px; top: 115px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 145px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 161px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 162px; top: 161px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 191px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 177px; top: 207px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 237px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 253px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 168px; top: 253px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 283px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 299px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 135px; top: 299px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 135px; top: 299px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 135px; top: 299px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 135px; top: 299px; width: 4px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 329px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 345px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 68px; top: 352px; width: 41px; height: 19px; background: blue;"></div>
<div class="ff" style="left: 68px; top: 382px; width: 41px; height: 19px; background: blue;"></div>
<div class="ff" style="left: 68px; top: 412px; width: 41px; height: 19px; background: blue;"></div>
<div class="ff" style="left: 68px; top: 442px; width: 41px; height: 19px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 465px; width: 3px; height: 3px; background: blue;"></div>
<div class="ff" style="left: 69px; top: 469px; width: 3px; height: 3px; background: blue;"></div><!-- only needed after whitespace opt -->
<div class="ff" style="left: 69px; top: 473px; width: 3px; height: 3px; background: blue;"></div><!-- only needed after whitespace opt -->
<ul class="list-author">
<li>
Word
</li>
<li>
Word
</li>
<li>
Word
</li>
<li>
Word
</li>
</ul>
</div> <!-- headline headline-left headline-active -->
<div class="headline headline-right headline-active">
­<!--&#x200e;f--><div style="width: 2px; height: 2px; background: white;"></div>
</div>
<div style="position:relative;">
<div style="height: 4000px; background: red;">
</div>
</div>
</div> <!-- container-ext -->
</body>
</html>

2
layout/reftests/bugs/reftest.list
View File

@ -1856,3 +1856,5 @@ fuzzy-if(d2d,36,304) HTTP(..) == 1116480-1-fakeitalic-overflow.html 1116480-1-fa
== 1111753-1.html about:blank
== 1119117-1a.html 1119117-1-ref.html
== 1119117-1b.html 1119117-1-ref.html
== 1120431-1.html 1120431-1-ref.html
== 1120431-2.html 1120431-2-ref.html