Commit f328195f authored by rego@igalia.com's avatar rego@igalia.com

Make css-properties-position-relative-as-parent-fixed.html a ref-test

Convert fast/css/css-properties-position-relative-as-parent-fixed.html
in a ref-test test avoiding the need to rebaseline the expected results
if we do any modification.

BUG=31286,425991
TEST=fast/css/css-properties-position-relative-as-parent-fixed.html

Review URL: https://codereview.chromium.org/669143002

git-svn-id: svn://svn.chromium.org/blink/trunk@185219 bbb929c8-8fbe-4397-9dbb-9b2b20218538
parent 81f4da8f
<!DOCTYPE html>
<html>
<head>
<style>
h5 {
margin: 0;
}
.container {
position: relative;
left: 150px;
font-size: 0.8em;
}
.main {
width: 400px;
}
.relative {
position: relative;
}
.fixed {
position: fixed;
}
.green {
background-color: lime;
}
.blue {
background-color: cyan;
}
.grey {
background-color: silver;
}
.rtl {
direction: rtl;
}
.inline {
display: inline-block;
position: relative;
}
</style>
</head>
<body>
<h3>Test for chromium bug : <a href="https://code.google.com/p/chromium/issues/detail?id=31286">31286</a>. css rendering bug : fixed-position-element and 'left'.</h3>
<p>If fixed position inline element does not have left and/or right position then it should render as normal flow.</p>
<h5>Case 1: fixed text box (blue) should be just after relative text box (green).</h5>
<div class="container">
<div class="main relative green" style="left: 100px;">
relative<div class="inline blue">fixed</div>
</div>
</div>
<h5>Case 2: fixed text box (blue) should be just before relative text box (green).</h5>
<div class="container">
<div class="main relative green rtl" style="left: 100px;">
relative<div class="inline blue">fixed</div>
</div>
</div>
<h5>Case 3: fixed text box (blue) should be just after relative text box (green).</h5>
<div class="container">
<div class="main relative green" style="right: 100px;">
relative<div class="inline blue">fixed</div>
</div>
</div>
<h5>Case 4: fixed text box (blue) should be just before relative text box (green).</h5>
<div class="container">
<div class="main relative green rtl" style="right: 100px;">
relative<div class="inline blue">fixed</div>
</div>
</div>
<h5>Case 5: fixed text box (blue) should be just after relative2 text box (green).</h5>
<div class="container">
<div class="main relative grey" style="left: 100px;">
relative
<span class="relative green" style="left: 100px;">
relative2<div class="inline blue">fixed</div>
</span>
</div>
</div>
<h5>Case 6: fixed text box (blue) should be after relative text box (grey) in some distance and before the other relative2 text box (green) in some distance.</h5>
<div class="container">
<div class="main relative grey rtl" style="left: 100px;">
relative
<span class="relative green" style="left: 100px;">
relative2<div class="inline blue">fixed</div>
</span>
</div>
</div>
<h5>Case 7: fixed text box (blue) should be just after relative2 text box (green).</h5>
<div class="container">
<div class="main relative grey" style="left: 100px;">
relative
<span class="relative green" style="right: 100px;">
relative2<div class="inline blue">fixed</div>
</span>
</div>
</div>
<h5>Case 8: fixed text box (blue) should be before relative2 text box (green) in some distance.</h5>
<div class="container">
<div class="main relative grey rtl" style="left: 100px;">
relative
<span class="relative green" style="right: 100px;">
relative2<div class="inline blue">fixed</div>
</span>
</div>
</div>
<h5>Case 9: fixed text box (blue) should be just after relative2 text box (green).</h5>
<div class="container">
<div class="main relative grey" style="right: 100px;">
relative
<span class="relative green" style="left: 100px;">
relative2<div class="inline blue">fixed</div>
</span>
</div>
</div>
<h5>Case 10: fixed text box (blue) should be after relative text box (grey) in some distance and before other relative2 text box (green) in some distance.</h5>
<div class="container">
<div class="main relative grey rtl" style="right: 100px;">
relative
<span class="relative green" style="left: 100px;">
relative2<div class="inline blue">fixed</div>
</span>
</div>
</div>
<h5>Case 11: fixed text box (blue) should be just after relative2 text box (green).</h5>
<div class="container">
<div class="main relative grey" style="right: 100px;">
relative
<span class="relative green" style="right: 100px;">
relative2<div class="inline blue">fixed</div>
</span>
</div>
</div>
<h5>Case 12: fixed text box (blue) should be before relative2 text box (green) in some distance.</h5>
<div class="container">
<div class="main relative grey rtl" style="right: 100px;">
relative
<span class="relative green" style="right: 100px;">
relative2<div class="inline blue">fixed</div>
</span>
</div>
</div>
</body>
</html>
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<style>
h5 {
margin: 0;
}
.container {
position: relative;
left: 150px;
font-size: 0.8em;
}
.main {
width: 400px;
}
.relative {
position: relative;
}
.fixed {
position: fixed;
}
.green {
background-color: lime;
}
.blue {
background-color: cyan;
}
.grey {
background-color: silver;
}
.rtl {
direction: rtl;
}
</style>
</head> </head>
<body style="position:fixed; left:150px;"> <body>
<h3>Test for chromium bug : <a href="https://code.google.com/p/chromium/issues/detail?id=31286">31286</a>. css rendering bug : fixed-position-element and 'left'.</h3> <h3>Test for chromium bug : <a href="https://code.google.com/p/chromium/issues/detail?id=31286">31286</a>. css rendering bug : fixed-position-element and 'left'.</h3>
<h4>If fixed position inline element does not have left and/or right position then it should render as normal flow.</h4> <p>If fixed position inline element does not have left and/or right position then it should render as normal flow.</p>
<h5> <h5>Case 1: fixed text box (blue) should be just after relative text box (green).</h5>
Case 1 : fixed text box should be just after relative text box. <div class="container">
<br/> <div class="main relative green" style="left: 100px;">
relative
<div style="position:relative; left:100px; background:green; width:400px;"> <span class="fixed blue">
relative fixed
<span style="position:fixed; background:red;"> </span>
fixed </div>
</span> </div>
</span>
</div> <h5>Case 2: fixed text box (blue) should be just before relative text box (green).</h5>
<div class="container">
Case 2 : fixed text box should be just before relative text box. <div class="main relative green rtl" style="left: 100px;">
<br/> relative
<span class="fixed blue">
<div style="position:relative; left:100px; background:green; direction:rtl; width:400px;"> fixed
relative </span>
<span style="position:fixed; background:red;"> </div>
fixed </div>
</span>
</span> <h5>Case 3: fixed text box (blue) should be just after relative text box (green).</h5>
</div> <div class="container">
<div class="main relative green" style="right: 100px;">
Case 3 : fixed text box should be just after relative text box. relative
<br/> <span class="fixed blue">
fixed
<div style="position:relative; right:100px; background:green; width:400px;"> </span>
relative </div>
<span style="position:fixed; background:red;"> </div>
fixed
</span> <h5>Case 4: fixed text box (blue) should be just before relative text box (green).</h5>
</span> <div class="container">
</div> <div class="main relative green rtl" style="right: 100px;">
relative
Case 4 : fixed text box should be just before relative text box. <span class="fixed blue">
<br/> fixed
</span>
<div style="position:relative; right:100px; background:green; direction:rtl; width:400px;"> </div>
relative </div>
<span style="position:fixed; background:red;">
fixed <h5>Case 5: fixed text box (blue) should be just after relative2 text box (green).</h5>
</span> <div class="container">
</span> <div class="main relative grey" style="left: 100px;">
</div> relative
<span class="relative green" style="left: 100px;">
Case 5 : fixed text box should be just after relative2 text box. relative2
<br/> <span class="fixed blue">
fixed
<div style="position:relative; left:100px; background:gray; width:400px;"> </span>
relative </span>
<span style="position:relative; left:100px; background:green;"> </div>
relative2 </div>
<span style="position:fixed; background:red;">
fixed <h5>Case 6: fixed text box (blue) should be after relative text box (grey) in some distance and before the other relative2 text box (green) in some distance.</h5>
</span> <div class="container">
</span> <div class="main relative grey rtl" style="left: 100px;">
</div> relative
<span class="relative green" style="left: 100px;">
Case 6 : fixed text box should be after relative text box in some distance and before relative2 in some distance. relative2
<br/> <span class="fixed blue">
fixed
<div style="position:relative; left:100px; background:gray; direction:rtl; width:400px;"> </span>
relative </span>
<span style="position:relative; left:100px; background:green;"> </div>
relative2 </div>
<span style="position:fixed; background:red;">
fixed <h5>Case 7: fixed text box (blue) should be just after relative2 text box (green).</h5>
</span> <div class="container">
</span> <div class="main relative grey" style="left: 100px;">
</div> relative
<span class="relative green" style="right: 100px;">
Case 7 : fixed text box should be just after relative2 text box. relative2
<br/> <span class="fixed blue">
fixed
<div style="position:relative; left:100px; background:gray; width:400px;"> </span>
relative </span>
<span style="position:relative; right:100px; background:green;"> </div>
relative2 </div>
<span style="position:fixed; background:red;">
fixed <h5>Case 8: fixed text box (blue) should be before relative2 text box (green) in some distance.</h5>
</span> <div class="container">
</span> <div class="main relative grey rtl" style="left: 100px;">
</div> relative
<span class="relative green" style="right: 100px;">
Case 8 : fixed text box should be before relative2 text box in some distance. relative2
<br/> <span class="fixed blue">
fixed
<div style="position:relative; left:100px; background:gray; direction:rtl; width:400px;"> </span>
relative </span>
<span style="position:relative; right:100px; background:green;"> </div>
relative2 </div>
<span style="position:fixed; background:red;">
fixed <h5>Case 9: fixed text box (blue) should be just after relative2 text box (green).</h5>
</span> <div class="container">
</span> <div class="main relative grey" style="right: 100px;">
</div> relative
<span class="relative green" style="left: 100px;">
Case 9 : fixed text box should be just after relative2 text box. relative2
<br/> <span class="fixed blue">
fixed
<div style="position:relative; right:100px; background:gray; width:400px;"> </span>
relative </span>
<span style="position:relative; left:100px; background:green;"> </div>
relative2 </div>
<span style="position:fixed; background:red;">
fixed <h5>Case 10: fixed text box (blue) should be after relative text box (grey) in some distance and before other relative2 text box (green) in some distance.</h5>
</span> <div class="container">
</span> <div class="main relative grey rtl" style="right: 100px;">
</div> relative
<span class="relative green" style="left: 100px;">
Case 10 : fixed text box should be after relative text box in some distance and before relative2 in some distance. relative2
<br/> <span class="fixed blue">
fixed
<div style="position:relative; right:100px; background:gray; direction:rtl; width:400px;"> </span>
relative </span>
<span style="position:relative; left:100px; background:green;"> </div>
relative2 </div>
<span style="position:fixed; background:red;">
fixed <h5>Case 11: fixed text box (blue) should be just after relative2 text box (green).</h5>
</span> <div class="container">
</span> <div class="main relative grey" style="right: 100px;">
</div> relative
<span class="relative green" style="right: 100px;">
Case 11 : fixed text box should be just after relative2 text box. relative2
<br/> <span class="fixed blue">
fixed
<div style="position:relative; right:100px; background:gray; width:400px;"> </span>
relative </span>
<span style="position:relative; right:100px; background:green;"> </div>
relative2 </div>
<span style="position:fixed; background:red;">
fixed <h5>Case 12: fixed text box (blue) should be before relative2 text box (green) in some distance.</h5>
</span> <div class="container">
</span> <div class="main relative grey rtl" style="right: 100px;">
</div> relative
<span class="relative green" style="right: 100px;">
Case 12 : fixed text box should be before relative2 text box in some distance. relative2
<br/> <span class="fixed blue">
fixed
<div style="position:relative; right:100px; background:gray; direction:rtl; width:400px;"> </span>
relative </span>
<span style="position:relative; right:100px; background:green;"> </div>
relative2 </div>
<span style="position:fixed; background:red;">
fixed </body>
</span> </html>
</span>
</div>
</h5>
\ No newline at end of file
layer at (0,0) size 800x600
RenderView at (0,0) size 800x600
layer at (0,0) size 800x0
RenderBlock {HTML} at (0,0) size 800x0
layer at (158,8) size 634x554
RenderBody {BODY} at (158,8) size 634x554.33
RenderBlock {H3} at (0,18.72) size 634x46
RenderText {#text} at (0,0) size 202x22
text run at (0,0) width 202: "Test for chromium bug : "
RenderInline {A} at (0,0) size 50x22 [color=#0000EE]
RenderText {#text} at (202,0) size 50x22
text run at (202,0) width 50: "31286"
RenderText {#text} at (252,0) size 634x45
text run at (252,0) width 382: ". css rendering bug : fixed-position-element and"
text run at (0,23) width 41: "'left'."
RenderBlock {H4} at (0,85.98) size 634x40
RenderText {#text} at (0,0) size 620x39
text run at (0,0) width 620: "If fixed position inline element does not have left and/or right position then it should render as"
text run at (0,20) width 81: "normal flow."
RenderBlock {H5} at (0,148.16) size 634x384
RenderBlock (anonymous) at (0,0) size 634x16
RenderText {#text} at (0,0) size 318x15
text run at (0,0) width 318: "Case 1 : fixed text box should be just after relative text box. "
RenderBR {BR} at (318,0) size 0x15
RenderBlock (anonymous) at (0,32) size 634x16
RenderText {#text} at (0,0) size 326x15
text run at (0,0) width 326: "Case 2 : fixed text box should be just before relative text box. "
RenderBR {BR} at (326,0) size 0x15
RenderBlock (anonymous) at (0,64) size 634x16
RenderText {#text} at (0,0) size 318x15
text run at (0,0) width 318: "Case 3 : fixed text box should be just after relative text box. "
RenderBR {BR} at (318,0) size 0x15
RenderBlock (anonymous) at (0,96) size 634x16
RenderText {#text} at (0,0) size 326x15
text run at (0,0) width 326: "Case 4 : fixed text box should be just before relative text box. "
RenderBR {BR} at (326,0) size 0x15
RenderBlock (anonymous) at (0,128) size 634x16
RenderText {#text} at (0,0) size 325x15
text run at (0,0) width 325: "Case 5 : fixed text box should be just after relative2 text box. "
RenderBR {BR} at (325,0) size 0x15
RenderBlock (anonymous) at (0,160) size 634x16
RenderText {#text} at (0,0) size 590x15
text run at (0,0) width 590: "Case 6 : fixed text box should be after relative text box in some distance and before relative2 in some distance. "
RenderBR {BR} at (590,0) size 0x15
RenderBlock (anonymous) at (0,192) size 634x16
RenderText {#text} at (0,0) size 325x15
text run at (0,0) width 325: "Case 7 : fixed text box should be just after relative2 text box. "
RenderBR {BR} at (325,0) size 0x15
RenderBlock (anonymous) at (0,224) size 634x16
RenderText {#text} at (0,0) size 402x15
text run at (0,0) width 402: "Case 8 : fixed text box should be before relative2 text box in some distance. "
RenderBR {BR} at (402,0) size 0x15
RenderBlock (anonymous) at (0,256) size 634x16
RenderText {#text} at (0,0) size 325x15
text run at (0,0) width 325: "Case 9 : fixed text box should be just after relative2 text box. "
RenderBR {BR} at (325,0) size 0x15
RenderBlock (anonymous) at (0,288) size 634x16
RenderText {#text} at (0,0) size 597x15
text run at (0,0) width 597: "Case 10 : fixed text box should be after relative text box in some distance and before relative2 in some distance. "
RenderBR {BR} at (597,0) size 0x15
RenderBlock (anonymous) at (0,320) size 634x16
RenderText {#text} at (0,0) size 332x15
text run at (0,0) width 332: "Case 11 : fixed text box should be just after relative2 text box. "
RenderBR {BR} at (332,0) size 0x15
RenderBlock (anonymous) at (0,352) size 634x16
RenderText {#text} at (0,0) size 409x15
text run at (0,0) width 409: "Case 12 : fixed text box should be before relative2 text box in some distance. "
RenderBR {BR} at (409,0) size 0x15
layer at (258,172) size 400x16
RenderBlock (relative positioned) {DIV} at (0,16) size 400x16 [bgcolor=#008000]
RenderText {#text} at (0,0) size 41x15
text run at (0,0) width 41: "relative"
RenderText {#text} at (0,0) size 0x0
layer at (299,172) size 26x16
RenderBlock (positioned) {SPAN} at (299,172.16) size 26x16 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 26x15
text run at (0,0) width 26: "fixed"
layer at (258,204) size 400x16
RenderBlock (relative positioned) {DIV} at (0,48) size 400x16 [bgcolor=#008000]
RenderText {#text} at (359,0) size 41x15
text run at (359,0) width 41: "relative"
RenderText {#text} at (0,0) size 0x0
layer at (591,204) size 26x16
RenderBlock (positioned) {SPAN} at (591,204.16) size 26x16 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 26x15
text run at (0,0) width 26: "fixed"
layer at (58,236) size 400x16
RenderBlock (relative positioned) {DIV} at (0,80) size 400x16 [bgcolor=#008000]
RenderText {#text} at (0,0) size 41x15
text run at (0,0) width 41: "relative"
RenderText {#text} at (0,0) size 0x0
layer at (99,236) size 26x16
RenderBlock (positioned) {SPAN} at (99,236.16) size 26x16 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 26x15
text run at (0,0) width 26: "fixed"
layer at (58,268) size 400x16
RenderBlock (relative positioned) {DIV} at (0,112) size 400x16 [bgcolor=#008000]
RenderText {#text} at (359,0) size 41x15
text run at (359,0) width 41: "relative"
RenderText {#text} at (0,0) size 0x0
layer at (391,268) size 26x16
RenderBlock (positioned) {SPAN} at (391,268.16) size 26x16 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 26x15
text run at (0,0) width 26: "fixed"
layer at (258,300) size 400x16
RenderBlock (relative positioned) {DIV} at (0,144) size 400x16 [bgcolor=#808080]
RenderText {#text} at (0,0) size 44x15
text run at (0,0) width 44: "relative "
RenderText {#text} at (0,0) size 0x0
layer at (358,300) size 48x15
RenderInline (relative positioned) {SPAN} at (0,0) size 48x15 [bgcolor=#008000]
RenderText {#text} at (44,0) size 48x15
text run at (44,0) width 48: "relative2"
layer at (450,300) size 26x16
RenderBlock (positioned) {SPAN} at (450,300.16) size 26x16 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 26x15
text run at (0,0) width 26: "fixed"
layer at (258,332) size 400x16
RenderBlock (relative positioned) {DIV} at (0,176) size 400x16 [bgcolor=#808080]
RenderText {#text} at (308,0) size 44x15
text run at (308,0) width 44: "relative "
RenderText {#text} at (0,0) size 0x0
layer at (358,332) size 92x15
RenderInline (relative positioned) {SPAN} at (0,0) size 92x15 [bgcolor=#008000]
RenderText {#text} at (352,0) size 48x15
text run at (352,0) width 48: "relative2"
layer at (640,332) size 26x16
RenderBlock (positioned) {SPAN} at (640,332.16) size 26x16 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 26x15
text run at (0,0) width 26: "fixed"
layer at (258,364) size 400x16
RenderBlock (relative positioned) {DIV} at (0,208) size 400x16 [bgcolor=#808080]
RenderText {#text} at (0,0) size 44x15
text run at (0,0) width 44: "relative "
RenderText {#text} at (0,0) size 0x0
layer at (158,364) size 48x15
RenderInline (relative positioned) {SPAN} at (0,0) size 48x15 [bgcolor=#008000]
RenderText {#text} at (44,0) size 48x15
text run at (44,0) width 48: "relative2"
layer at (250,364) size 26x16
RenderBlock (positioned) {SPAN} at (250,364.16) size 26x16 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 26x15
text run at (0,0) width 26: "fixed"
layer at (258,396) size 400x16
RenderBlock (relative positioned) {DIV} at (0,240) size 400x16 [bgcolor=#808080]
RenderText {#text} at (308,0) size 44x15
text run at (308,0) width 44: "relative "
RenderText {#text} at (0,0) size 0x0
layer at (158,396) size 92x15
RenderInline (relative positioned) {SPAN} at (0,0) size 92x15 [bgcolor=#008000]
RenderText {#text} at (352,0) size 48x15
text run at (352,0) width 48: "relative2"
layer at (440,396) size 26x16
RenderBlock (positioned) {SPAN} at (440,396.16) size 26x16 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 26x15
text run at (0,0) width 26: "fixed"
layer at (58,428) size 400x16
RenderBlock (relative positioned) {DIV} at (0,272) size 400x16 [bgcolor=#808080]
RenderText {#text} at (0,0) size 44x15
text run at (0,0) width 44: "relative "
RenderText {#text} at (0,0) size 0x0
layer at (158,428) size 48x15
RenderInline (relative positioned) {SPAN} at (0,0) size 48x15 [bgcolor=#008000]
RenderText {#text} at (44,0) size 48x15
text run at (44,0) width 48: "relative2"
layer at (250,428) size 26x16
RenderBlock (positioned) {SPAN} at (250,428.16) size 26x16 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 26x15
text run at (0,0) width 26: "fixed"
layer at (58,460) size 400x16
RenderBlock (relative positioned) {DIV} at (0,304) size 400x16 [bgcolor=#808080]
RenderText {#text} at (308,0) size 44x15
text run at (308,0) width 44: "relative "
RenderText {#text} at (0,0) size 0x0
layer at (158,460) size 92x15
RenderInline (relative positioned) {SPAN} at (0,0) size 92x15 [bgcolor=#008000]
RenderText {#text} at (352,0) size 48x15
text run at (352,0) width 48: "relative2"
layer at (440,460) size 26x16
RenderBlock (positioned) {SPAN} at (440,460.16) size 26x16 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 26x15
text run at (0,0) width 26: "fixed"
layer at (58,492) size 400x16
RenderBlock (relative positioned) {DIV} at (0,336) size 400x16 [bgcolor=#808080]
RenderText {#text} at (0,0) size 44x15
text run at (0,0) width 44: "relative "
RenderText {#text} at (0,0) size 0x0
layer at (-42,492) size 48x15 backgroundClip at (0,0) size 800x600 clip at (0,0) size 800x600 outlineClip at (0,0) size 800x600
RenderInline (relative positioned) {SPAN} at (0,0) size 48x15 [bgcolor=#008000]
RenderText {#text} at (44,0) size 48x15
text run at (44,0) width 48: "relative2"
layer at (50,492) size 26x16
RenderBlock (positioned) {SPAN} at (50,492.16) size 26x16 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 26x15
text run at (0,0) width 26: "fixed"
layer at (58,524) size 400x16
RenderBlock (relative positioned) {DIV} at (0,368) size 400x16 [bgcolor=#808080]
RenderText {#text} at (308,0) size 44x15
text run at (308,0) width 44: "relative "
RenderText {#text} at (0,0) size 0x0
layer at (-42,524) size 92x15 backgroundClip at (0,0) size 800x600 clip at (0,0) size 800x600 outlineClip at (0,0) size 800x600
RenderInline (relative positioned) {SPAN} at (0,0) size 92x15 [bgcolor=#008000]
RenderText {#text} at (352,0) size 48x15
text run at (352,0) width 48: "relative2"
layer at (240,524) size 26x16
RenderBlock (positioned) {SPAN} at (240,524.16) size 26x16 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 26x15
text run at (0,0) width 26: "fixed"
layer at (0,0) size 800x600
RenderView at (0,0) size 800x600
layer at (0,0) size 800x0
RenderBlock {HTML} at (0,0) size 800x0
layer at (158,8) size 634x466
RenderBody {BODY} at (158,8) size 634x466.33
RenderBlock {H3} at (0,18.72) size 634x38
RenderText {#text} at (0,0) size 202x19
text run at (0,0) width 202: "Test for chromium bug : "
RenderInline {A} at (0,0) size 47x19 [color=#0000EE]
RenderText {#text} at (201,0) size 47x19
text run at (201,0) width 47: "31286"
RenderText {#text} at (247,0) size 627x38
text run at (247,0) width 380: ". css rendering bug : fixed-position-element and"
text run at (0,19) width 42: "'left'."
RenderBlock {H4} at (0,77.98) size 634x32
RenderText {#text} at (0,0) size 623x32
text run at (0,0) width 623: "If fixed position inline element does not have left and/or right position then it should render"
text run at (0,16) width 106: "as normal flow."
RenderBlock {H5} at (0,132.16) size 634x312
RenderBlock (anonymous) at (0,0) size 634x13
RenderText {#text} at (0,0) size 340x13
text run at (0,0) width 340: "Case 1 : fixed text box should be just after relative text box. "
RenderBR {BR} at (339,0) size 1x13
RenderBlock (anonymous) at (0,26) size 634x13
RenderText {#text} at (0,0) size 349x13
text run at (0,0) width 349: "Case 2 : fixed text box should be just before relative text box. "
RenderBR {BR} at (348,0) size 1x13
RenderBlock (anonymous) at (0,52) size 634x13
RenderText {#text} at (0,0) size 340x13
text run at (0,0) width 340: "Case 3 : fixed text box should be just after relative text box. "
RenderBR {BR} at (339,0) size 1x13
RenderBlock (anonymous) at (0,78) size 634x13
RenderText {#text} at (0,0) size 349x13
text run at (0,0) width 349: "Case 4 : fixed text box should be just before relative text box. "
RenderBR {BR} at (348,0) size 1x13
RenderBlock (anonymous) at (0,104) size 634x13
RenderText {#text} at (0,0) size 346x13
text run at (0,0) width 346: "Case 5 : fixed text box should be just after relative2 text box. "
RenderBR {BR} at (345,0) size 1x13
RenderBlock (anonymous) at (0,130) size 634x13
RenderText {#text} at (0,0) size 625x13
text run at (0,0) width 625: "Case 6 : fixed text box should be after relative text box in some distance and before relative2 in some distance. "
RenderBR {BR} at (624,0) size 1x13
RenderBlock (anonymous) at (0,156) size 634x13
RenderText {#text} at (0,0) size 346x13
text run at (0,0) width 346: "Case 7 : fixed text box should be just after relative2 text box. "
RenderBR {BR} at (345,0) size 1x13
RenderBlock (anonymous) at (0,182) size 634x13
RenderText {#text} at (0,0) size 427x13
text run at (0,0) width 427: "Case 8 : fixed text box should be before relative2 text box in some distance. "
RenderBR {BR} at (426,0) size 1x13
RenderBlock (anonymous) at (0,208) size 634x13
RenderText {#text} at (0,0) size 346x13
text run at (0,0) width 346: "Case 9 : fixed text box should be just after relative2 text box. "
RenderBR {BR} at (345,0) size 1x13
RenderBlock (anonymous) at (0,234) size 634x13
RenderText {#text} at (0,0) size 631x13
text run at (0,0) width 631: "Case 10 : fixed text box should be after relative text box in some distance and before relative2 in some distance. "
RenderBR {BR} at (630,0) size 1x13
RenderBlock (anonymous) at (0,260) size 634x13
RenderText {#text} at (0,0) size 353x13
text run at (0,0) width 353: "Case 11 : fixed text box should be just after relative2 text box. "
RenderBR {BR} at (352,0) size 1x13
RenderBlock (anonymous) at (0,286) size 634x13
RenderText {#text} at (0,0) size 434x13
text run at (0,0) width 434: "Case 12 : fixed text box should be before relative2 text box in some distance. "
RenderBR {BR} at (433,0) size 1x13
layer at (258,153) size 400x13
RenderBlock (relative positioned) {DIV} at (0,13) size 400x13 [bgcolor=#008000]
RenderText {#text} at (0,0) size 43x13
text run at (0,0) width 43: "relative"
RenderText {#text} at (0,0) size 0x0
layer at (301,153) size 28x13
RenderBlock (positioned) {SPAN} at (300.77,153.16) size 28.05x13 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 29x13
text run at (0,0) width 29: "fixed"
layer at (258,179) size 400x13
RenderBlock (relative positioned) {DIV} at (0,39) size 400x13 [bgcolor=#008000]
RenderText {#text} at (357,0) size 43x13
text run at (357,0) width 43: "relative"
RenderText {#text} at (0,0) size 0x0
layer at (587,179) size 28x13
RenderBlock (positioned) {SPAN} at (587.19,179.16) size 28.05x13 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 29x13
text run at (0,0) width 29: "fixed"
layer at (58,205) size 400x13
RenderBlock (relative positioned) {DIV} at (0,65) size 400x13 [bgcolor=#008000]
RenderText {#text} at (0,0) size 43x13
text run at (0,0) width 43: "relative"
RenderText {#text} at (0,0) size 0x0
layer at (101,205) size 28x13
RenderBlock (positioned) {SPAN} at (100.77,205.16) size 28.05x13 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 29x13
text run at (0,0) width 29: "fixed"
layer at (58,231) size 400x13
RenderBlock (relative positioned) {DIV} at (0,91) size 400x13 [bgcolor=#008000]
RenderText {#text} at (357,0) size 43x13
text run at (357,0) width 43: "relative"
RenderText {#text} at (0,0) size 0x0
layer at (387,231) size 28x13
RenderBlock (positioned) {SPAN} at (387.19,231.16) size 28.05x13 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 29x13
text run at (0,0) width 29: "fixed"
layer at (258,257) size 400x13
RenderBlock (relative positioned) {DIV} at (0,117) size 400x13 [bgcolor=#808080]
RenderText {#text} at (0,0) size 47x13
text run at (0,0) width 47: "relative "
RenderText {#text} at (0,0) size 0x0
layer at (358,257) size 50x13
RenderInline (relative positioned) {SPAN} at (0,0) size 50x13 [bgcolor=#008000]
RenderText {#text} at (46,0) size 50x13
text run at (46,0) width 50: "relative2"
layer at (453,257) size 29x13
RenderBlock (positioned) {SPAN} at (453.48,257.16) size 28.05x13 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 29x13
text run at (0,0) width 29: "fixed"
layer at (258,283) size 400x13
RenderBlock (relative positioned) {DIV} at (0,143) size 400x13 [bgcolor=#808080]
RenderText {#text} at (304,0) size 47x13
text run at (304,0) width 47: "relative "
RenderText {#text} at (0,0) size 0x0
layer at (358,283) size 96x13
RenderInline (relative positioned) {SPAN} at (0,0) size 96x13 [bgcolor=#008000]
RenderText {#text} at (350,0) size 50x13
text run at (350,0) width 50: "relative2"
layer at (634,283) size 29x13
RenderBlock (positioned) {SPAN} at (634.47,283.16) size 28.05x13 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 29x13
text run at (0,0) width 29: "fixed"
layer at (258,309) size 400x13
RenderBlock (relative positioned) {DIV} at (0,169) size 400x13 [bgcolor=#808080]
RenderText {#text} at (0,0) size 47x13
text run at (0,0) width 47: "relative "
RenderText {#text} at (0,0) size 0x0
layer at (158,309) size 50x13
RenderInline (relative positioned) {SPAN} at (0,0) size 50x13 [bgcolor=#008000]
RenderText {#text} at (46,0) size 50x13
text run at (46,0) width 50: "relative2"
layer at (253,309) size 29x13
RenderBlock (positioned) {SPAN} at (253.48,309.16) size 28.05x13 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 29x13
text run at (0,0) width 29: "fixed"
layer at (258,335) size 400x13
RenderBlock (relative positioned) {DIV} at (0,195) size 400x13 [bgcolor=#808080]
RenderText {#text} at (304,0) size 47x13
text run at (304,0) width 47: "relative "
RenderText {#text} at (0,0) size 0x0
layer at (158,335) size 96x13
RenderInline (relative positioned) {SPAN} at (0,0) size 96x13 [bgcolor=#008000]
RenderText {#text} at (350,0) size 50x13
text run at (350,0) width 50: "relative2"
layer at (434,335) size 29x13
RenderBlock (positioned) {SPAN} at (434.47,335.16) size 28.05x13 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 29x13
text run at (0,0) width 29: "fixed"
layer at (58,361) size 400x13
RenderBlock (relative positioned) {DIV} at (0,221) size 400x13 [bgcolor=#808080]
RenderText {#text} at (0,0) size 47x13
text run at (0,0) width 47: "relative "
RenderText {#text} at (0,0) size 0x0
layer at (158,361) size 50x13
RenderInline (relative positioned) {SPAN} at (0,0) size 50x13 [bgcolor=#008000]
RenderText {#text} at (46,0) size 50x13
text run at (46,0) width 50: "relative2"
layer at (253,361) size 29x13
RenderBlock (positioned) {SPAN} at (253.48,361.16) size 28.05x13 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 29x13
text run at (0,0) width 29: "fixed"
layer at (58,387) size 400x13
RenderBlock (relative positioned) {DIV} at (0,247) size 400x13 [bgcolor=#808080]
RenderText {#text} at (304,0) size 47x13
text run at (304,0) width 47: "relative "
RenderText {#text} at (0,0) size 0x0
layer at (158,387) size 96x13
RenderInline (relative positioned) {SPAN} at (0,0) size 96x13 [bgcolor=#008000]
RenderText {#text} at (350,0) size 50x13
text run at (350,0) width 50: "relative2"
layer at (434,387) size 29x13
RenderBlock (positioned) {SPAN} at (434.47,387.16) size 28.05x13 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 29x13
text run at (0,0) width 29: "fixed"
layer at (58,413) size 400x13
RenderBlock (relative positioned) {DIV} at (0,273) size 400x13 [bgcolor=#808080]
RenderText {#text} at (0,0) size 47x13
text run at (0,0) width 47: "relative "
RenderText {#text} at (0,0) size 0x0
layer at (-42,413) size 50x13 backgroundClip at (0,0) size 800x600 clip at (0,0) size 800x600 outlineClip at (0,0) size 800x600
RenderInline (relative positioned) {SPAN} at (0,0) size 50x13 [bgcolor=#008000]
RenderText {#text} at (46,0) size 50x13
text run at (46,0) width 50: "relative2"
layer at (53,413) size 29x13
RenderBlock (positioned) {SPAN} at (53.48,413.16) size 28.05x13 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 29x13
text run at (0,0) width 29: "fixed"
layer at (58,439) size 400x13
RenderBlock (relative positioned) {DIV} at (0,299) size 400x13 [bgcolor=#808080]
RenderText {#text} at (304,0) size 47x13
text run at (304,0) width 47: "relative "
RenderText {#text} at (0,0) size 0x0
layer at (-42,439) size 96x13 backgroundClip at (0,0) size 800x600 clip at (0,0) size 800x600 outlineClip at (0,0) size 800x600
RenderInline (relative positioned) {SPAN} at (0,0) size 96x13 [bgcolor=#008000]
RenderText {#text} at (350,0) size 50x13
text run at (350,0) width 50: "relative2"
layer at (234,439) size 29x13
RenderBlock (positioned) {SPAN} at (234.47,439.16) size 28.05x13 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 29x13
text run at (0,0) width 29: "fixed"
layer at (0,0) size 800x600
RenderView at (0,0) size 800x600
layer at (0,0) size 800x0
RenderBlock {HTML} at (0,0) size 800x0
layer at (158,8) size 634x554
RenderBody {BODY} at (158,8) size 634x554.33
RenderBlock {H3} at (0,18.72) size 634x46
RenderText {#text} at (0,0) size 202x22
text run at (0,0) width 202: "Test for chromium bug : "
RenderInline {A} at (0,0) size 50x22 [color=#0000EE]
RenderText {#text} at (202,0) size 50x22
text run at (202,0) width 50: "31286"
RenderText {#text} at (252,0) size 634x45
text run at (252,0) width 382: ". css rendering bug : fixed-position-element and"
text run at (0,23) width 41: "'left'."
RenderBlock {H4} at (0,85.98) size 634x40
RenderText {#text} at (0,0) size 620x39
text run at (0,0) width 620: "If fixed position inline element does not have left and/or right position then it should render as"
text run at (0,20) width 81: "normal flow."
RenderBlock {H5} at (0,148.16) size 634x384
RenderBlock (anonymous) at (0,0) size 634x16
RenderText {#text} at (0,0) size 318x15
text run at (0,0) width 318: "Case 1 : fixed text box should be just after relative text box. "
RenderBR {BR} at (318,0) size 0x15
RenderBlock (anonymous) at (0,32) size 634x16
RenderText {#text} at (0,0) size 326x15
text run at (0,0) width 326: "Case 2 : fixed text box should be just before relative text box. "
RenderBR {BR} at (326,0) size 0x15
RenderBlock (anonymous) at (0,64) size 634x16
RenderText {#text} at (0,0) size 318x15
text run at (0,0) width 318: "Case 3 : fixed text box should be just after relative text box. "
RenderBR {BR} at (318,0) size 0x15
RenderBlock (anonymous) at (0,96) size 634x16
RenderText {#text} at (0,0) size 326x15
text run at (0,0) width 326: "Case 4 : fixed text box should be just before relative text box. "
RenderBR {BR} at (326,0) size 0x15
RenderBlock (anonymous) at (0,128) size 634x16
RenderText {#text} at (0,0) size 325x15
text run at (0,0) width 325: "Case 5 : fixed text box should be just after relative2 text box. "
RenderBR {BR} at (325,0) size 0x15
RenderBlock (anonymous) at (0,160) size 634x16
RenderText {#text} at (0,0) size 590x15
text run at (0,0) width 590: "Case 6 : fixed text box should be after relative text box in some distance and before relative2 in some distance. "
RenderBR {BR} at (590,0) size 0x15
RenderBlock (anonymous) at (0,192) size 634x16
RenderText {#text} at (0,0) size 325x15
text run at (0,0) width 325: "Case 7 : fixed text box should be just after relative2 text box. "
RenderBR {BR} at (325,0) size 0x15
RenderBlock (anonymous) at (0,224) size 634x16
RenderText {#text} at (0,0) size 402x15
text run at (0,0) width 402: "Case 8 : fixed text box should be before relative2 text box in some distance. "
RenderBR {BR} at (402,0) size 0x15
RenderBlock (anonymous) at (0,256) size 634x16
RenderText {#text} at (0,0) size 325x15
text run at (0,0) width 325: "Case 9 : fixed text box should be just after relative2 text box. "
RenderBR {BR} at (325,0) size 0x15
RenderBlock (anonymous) at (0,288) size 634x16
RenderText {#text} at (0,0) size 597x15
text run at (0,0) width 597: "Case 10 : fixed text box should be after relative text box in some distance and before relative2 in some distance. "
RenderBR {BR} at (597,0) size 0x15
RenderBlock (anonymous) at (0,320) size 634x16
RenderText {#text} at (0,0) size 332x15
text run at (0,0) width 332: "Case 11 : fixed text box should be just after relative2 text box. "
RenderBR {BR} at (332,0) size 0x15
RenderBlock (anonymous) at (0,352) size 634x16
RenderText {#text} at (0,0) size 409x15
text run at (0,0) width 409: "Case 12 : fixed text box should be before relative2 text box in some distance. "
RenderBR {BR} at (409,0) size 0x15
layer at (258,172) size 400x16
RenderBlock (relative positioned) {DIV} at (0,16) size 400x16 [bgcolor=#008000]
RenderText {#text} at (0,0) size 41x15
text run at (0,0) width 41: "relative"
RenderText {#text} at (0,0) size 0x0
layer at (299,172) size 26x16
RenderBlock (positioned) {SPAN} at (299,172.16) size 26x16 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 26x15
text run at (0,0) width 26: "fixed"
layer at (258,204) size 400x16
RenderBlock (relative positioned) {DIV} at (0,48) size 400x16 [bgcolor=#008000]
RenderText {#text} at (359,0) size 41x15
text run at (359,0) width 41: "relative"
RenderText {#text} at (0,0) size 0x0
layer at (591,204) size 26x16
RenderBlock (positioned) {SPAN} at (591,204.16) size 26x16 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 26x15
text run at (0,0) width 26: "fixed"
layer at (58,236) size 400x16
RenderBlock (relative positioned) {DIV} at (0,80) size 400x16 [bgcolor=#008000]
RenderText {#text} at (0,0) size 41x15
text run at (0,0) width 41: "relative"
RenderText {#text} at (0,0) size 0x0
layer at (99,236) size 26x16
RenderBlock (positioned) {SPAN} at (99,236.16) size 26x16 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 26x15
text run at (0,0) width 26: "fixed"
layer at (58,268) size 400x16
RenderBlock (relative positioned) {DIV} at (0,112) size 400x16 [bgcolor=#008000]
RenderText {#text} at (359,0) size 41x15
text run at (359,0) width 41: "relative"
RenderText {#text} at (0,0) size 0x0
layer at (391,268) size 26x16
RenderBlock (positioned) {SPAN} at (391,268.16) size 26x16 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 26x15
text run at (0,0) width 26: "fixed"
layer at (258,300) size 400x16
RenderBlock (relative positioned) {DIV} at (0,144) size 400x16 [bgcolor=#808080]
RenderText {#text} at (0,0) size 44x15
text run at (0,0) width 44: "relative "
RenderText {#text} at (0,0) size 0x0
layer at (358,300) size 48x15
RenderInline (relative positioned) {SPAN} at (0,0) size 48x15 [bgcolor=#008000]
RenderText {#text} at (44,0) size 48x15
text run at (44,0) width 48: "relative2"
layer at (450,300) size 26x16
RenderBlock (positioned) {SPAN} at (450,300.16) size 26x16 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 26x15
text run at (0,0) width 26: "fixed"
layer at (258,332) size 400x16
RenderBlock (relative positioned) {DIV} at (0,176) size 400x16 [bgcolor=#808080]
RenderText {#text} at (308,0) size 44x15
text run at (308,0) width 44: "relative "
RenderText {#text} at (0,0) size 0x0
layer at (358,332) size 92x15
RenderInline (relative positioned) {SPAN} at (0,0) size 92x15 [bgcolor=#008000]
RenderText {#text} at (352,0) size 48x15
text run at (352,0) width 48: "relative2"
layer at (640,332) size 26x16
RenderBlock (positioned) {SPAN} at (640,332.16) size 26x16 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 26x15
text run at (0,0) width 26: "fixed"
layer at (258,364) size 400x16
RenderBlock (relative positioned) {DIV} at (0,208) size 400x16 [bgcolor=#808080]
RenderText {#text} at (0,0) size 44x15
text run at (0,0) width 44: "relative "
RenderText {#text} at (0,0) size 0x0
layer at (158,364) size 48x15
RenderInline (relative positioned) {SPAN} at (0,0) size 48x15 [bgcolor=#008000]
RenderText {#text} at (44,0) size 48x15
text run at (44,0) width 48: "relative2"
layer at (250,364) size 26x16
RenderBlock (positioned) {SPAN} at (250,364.16) size 26x16 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 26x15
text run at (0,0) width 26: "fixed"
layer at (258,396) size 400x16
RenderBlock (relative positioned) {DIV} at (0,240) size 400x16 [bgcolor=#808080]
RenderText {#text} at (308,0) size 44x15
text run at (308,0) width 44: "relative "
RenderText {#text} at (0,0) size 0x0
layer at (158,396) size 92x15
RenderInline (relative positioned) {SPAN} at (0,0) size 92x15 [bgcolor=#008000]
RenderText {#text} at (352,0) size 48x15
text run at (352,0) width 48: "relative2"
layer at (440,396) size 26x16
RenderBlock (positioned) {SPAN} at (440,396.16) size 26x16 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 26x15
text run at (0,0) width 26: "fixed"
layer at (58,428) size 400x16
RenderBlock (relative positioned) {DIV} at (0,272) size 400x16 [bgcolor=#808080]
RenderText {#text} at (0,0) size 44x15
text run at (0,0) width 44: "relative "
RenderText {#text} at (0,0) size 0x0
layer at (158,428) size 48x15
RenderInline (relative positioned) {SPAN} at (0,0) size 48x15 [bgcolor=#008000]
RenderText {#text} at (44,0) size 48x15
text run at (44,0) width 48: "relative2"
layer at (250,428) size 26x16
RenderBlock (positioned) {SPAN} at (250,428.16) size 26x16 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 26x15
text run at (0,0) width 26: "fixed"
layer at (58,460) size 400x16
RenderBlock (relative positioned) {DIV} at (0,304) size 400x16 [bgcolor=#808080]
RenderText {#text} at (308,0) size 44x15
text run at (308,0) width 44: "relative "
RenderText {#text} at (0,0) size 0x0
layer at (158,460) size 92x15
RenderInline (relative positioned) {SPAN} at (0,0) size 92x15 [bgcolor=#008000]
RenderText {#text} at (352,0) size 48x15
text run at (352,0) width 48: "relative2"
layer at (440,460) size 26x16
RenderBlock (positioned) {SPAN} at (440,460.16) size 26x16 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 26x15
text run at (0,0) width 26: "fixed"
layer at (58,492) size 400x16
RenderBlock (relative positioned) {DIV} at (0,336) size 400x16 [bgcolor=#808080]
RenderText {#text} at (0,0) size 44x15
text run at (0,0) width 44: "relative "
RenderText {#text} at (0,0) size 0x0
layer at (-42,492) size 48x15 backgroundClip at (0,0) size 800x600 clip at (0,0) size 800x600 outlineClip at (0,0) size 800x600
RenderInline (relative positioned) {SPAN} at (0,0) size 48x15 [bgcolor=#008000]
RenderText {#text} at (44,0) size 48x15
text run at (44,0) width 48: "relative2"
layer at (50,492) size 26x16
RenderBlock (positioned) {SPAN} at (50,492.16) size 26x16 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 26x15
text run at (0,0) width 26: "fixed"
layer at (58,524) size 400x16
RenderBlock (relative positioned) {DIV} at (0,368) size 400x16 [bgcolor=#808080]
RenderText {#text} at (308,0) size 44x15
text run at (308,0) width 44: "relative "
RenderText {#text} at (0,0) size 0x0
layer at (-42,524) size 92x15 backgroundClip at (0,0) size 800x600 clip at (0,0) size 800x600 outlineClip at (0,0) size 800x600
RenderInline (relative positioned) {SPAN} at (0,0) size 92x15 [bgcolor=#008000]
RenderText {#text} at (352,0) size 48x15
text run at (352,0) width 48: "relative2"
layer at (240,524) size 26x16
RenderBlock (positioned) {SPAN} at (240,524.16) size 26x16 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 26x15
text run at (0,0) width 26: "fixed"
layer at (0,0) size 800x600
RenderView at (0,0) size 800x600
layer at (0,0) size 800x0
RenderBlock {HTML} at (0,0) size 800x0
layer at (158,8) size 634x548
RenderBody {BODY} at (158,8) size 634x548.33
RenderBlock {H3} at (0,18.72) size 634x44
RenderText {#text} at (0,0) size 202x21
text run at (0,0) width 202: "Test for chromium bug : "
RenderInline {A} at (0,0) size 47x21 [color=#0000EE]
RenderText {#text} at (201,0) size 47x21
text run at (201,0) width 47: "31286"
RenderText {#text} at (247,0) size 627x43
text run at (247,0) width 380: ". css rendering bug : fixed-position-element and"
text run at (0,22) width 42: "'left'."
RenderBlock {H4} at (0,83.98) size 634x36
RenderText {#text} at (0,0) size 623x35
text run at (0,0) width 623: "If fixed position inline element does not have left and/or right position then it should render"
text run at (0,18) width 106: "as normal flow."
RenderBlock {H5} at (0,142.16) size 634x384
RenderBlock (anonymous) at (0,0) size 634x16
RenderText {#text} at (0,0) size 318x15
text run at (0,0) width 318: "Case 1 : fixed text box should be just after relative text box. "
RenderBR {BR} at (318,0) size 0x15
RenderBlock (anonymous) at (0,32) size 634x16
RenderText {#text} at (0,0) size 326x15
text run at (0,0) width 326: "Case 2 : fixed text box should be just before relative text box. "
RenderBR {BR} at (326,0) size 0x15
RenderBlock (anonymous) at (0,64) size 634x16
RenderText {#text} at (0,0) size 318x15
text run at (0,0) width 318: "Case 3 : fixed text box should be just after relative text box. "
RenderBR {BR} at (318,0) size 0x15
RenderBlock (anonymous) at (0,96) size 634x16
RenderText {#text} at (0,0) size 326x15
text run at (0,0) width 326: "Case 4 : fixed text box should be just before relative text box. "
RenderBR {BR} at (326,0) size 0x15
RenderBlock (anonymous) at (0,128) size 634x16
RenderText {#text} at (0,0) size 325x15
text run at (0,0) width 325: "Case 5 : fixed text box should be just after relative2 text box. "
RenderBR {BR} at (325,0) size 0x15
RenderBlock (anonymous) at (0,160) size 634x16
RenderText {#text} at (0,0) size 590x15
text run at (0,0) width 590: "Case 6 : fixed text box should be after relative text box in some distance and before relative2 in some distance. "
RenderBR {BR} at (590,0) size 0x15
RenderBlock (anonymous) at (0,192) size 634x16
RenderText {#text} at (0,0) size 325x15
text run at (0,0) width 325: "Case 7 : fixed text box should be just after relative2 text box. "
RenderBR {BR} at (325,0) size 0x15
RenderBlock (anonymous) at (0,224) size 634x16
RenderText {#text} at (0,0) size 402x15
text run at (0,0) width 402: "Case 8 : fixed text box should be before relative2 text box in some distance. "
RenderBR {BR} at (402,0) size 0x15
RenderBlock (anonymous) at (0,256) size 634x16
RenderText {#text} at (0,0) size 325x15
text run at (0,0) width 325: "Case 9 : fixed text box should be just after relative2 text box. "
RenderBR {BR} at (325,0) size 0x15
RenderBlock (anonymous) at (0,288) size 634x16
RenderText {#text} at (0,0) size 597x15
text run at (0,0) width 597: "Case 10 : fixed text box should be after relative text box in some distance and before relative2 in some distance. "
RenderBR {BR} at (597,0) size 0x15
RenderBlock (anonymous) at (0,320) size 634x16
RenderText {#text} at (0,0) size 332x15
text run at (0,0) width 332: "Case 11 : fixed text box should be just after relative2 text box. "
RenderBR {BR} at (332,0) size 0x15
RenderBlock (anonymous) at (0,352) size 634x16
RenderText {#text} at (0,0) size 409x15
text run at (0,0) width 409: "Case 12 : fixed text box should be before relative2 text box in some distance. "
RenderBR {BR} at (409,0) size 0x15
layer at (258,166) size 400x16
RenderBlock (relative positioned) {DIV} at (0,16) size 400x16 [bgcolor=#008000]
RenderText {#text} at (0,0) size 41x15
text run at (0,0) width 41: "relative"
RenderText {#text} at (0,0) size 0x0
layer at (299,166) size 26x16
RenderBlock (positioned) {SPAN} at (299,166.16) size 26x16 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 26x15
text run at (0,0) width 26: "fixed"
layer at (258,198) size 400x16
RenderBlock (relative positioned) {DIV} at (0,48) size 400x16 [bgcolor=#008000]
RenderText {#text} at (359,0) size 41x15
text run at (359,0) width 41: "relative"
RenderText {#text} at (0,0) size 0x0
layer at (591,198) size 26x16
RenderBlock (positioned) {SPAN} at (591,198.16) size 26x16 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 26x15
text run at (0,0) width 26: "fixed"
layer at (58,230) size 400x16
RenderBlock (relative positioned) {DIV} at (0,80) size 400x16 [bgcolor=#008000]
RenderText {#text} at (0,0) size 41x15
text run at (0,0) width 41: "relative"
RenderText {#text} at (0,0) size 0x0
layer at (99,230) size 26x16
RenderBlock (positioned) {SPAN} at (99,230.16) size 26x16 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 26x15
text run at (0,0) width 26: "fixed"
layer at (58,262) size 400x16
RenderBlock (relative positioned) {DIV} at (0,112) size 400x16 [bgcolor=#008000]
RenderText {#text} at (359,0) size 41x15
text run at (359,0) width 41: "relative"
RenderText {#text} at (0,0) size 0x0
layer at (391,262) size 26x16
RenderBlock (positioned) {SPAN} at (391,262.16) size 26x16 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 26x15
text run at (0,0) width 26: "fixed"
layer at (258,294) size 400x16
RenderBlock (relative positioned) {DIV} at (0,144) size 400x16 [bgcolor=#808080]
RenderText {#text} at (0,0) size 44x15
text run at (0,0) width 44: "relative "
RenderText {#text} at (0,0) size 0x0
layer at (358,294) size 48x15
RenderInline (relative positioned) {SPAN} at (0,0) size 48x15 [bgcolor=#008000]
RenderText {#text} at (44,0) size 48x15
text run at (44,0) width 48: "relative2"
layer at (450,294) size 26x16
RenderBlock (positioned) {SPAN} at (450,294.16) size 26x16 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 26x15
text run at (0,0) width 26: "fixed"
layer at (258,326) size 400x16
RenderBlock (relative positioned) {DIV} at (0,176) size 400x16 [bgcolor=#808080]
RenderText {#text} at (308,0) size 44x15
text run at (308,0) width 44: "relative "
RenderText {#text} at (0,0) size 0x0
layer at (358,326) size 92x15
RenderInline (relative positioned) {SPAN} at (0,0) size 92x15 [bgcolor=#008000]
RenderText {#text} at (352,0) size 48x15
text run at (352,0) width 48: "relative2"
layer at (640,326) size 26x16
RenderBlock (positioned) {SPAN} at (640,326.16) size 26x16 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 26x15
text run at (0,0) width 26: "fixed"
layer at (258,358) size 400x16
RenderBlock (relative positioned) {DIV} at (0,208) size 400x16 [bgcolor=#808080]
RenderText {#text} at (0,0) size 44x15
text run at (0,0) width 44: "relative "
RenderText {#text} at (0,0) size 0x0
layer at (158,358) size 48x15
RenderInline (relative positioned) {SPAN} at (0,0) size 48x15 [bgcolor=#008000]
RenderText {#text} at (44,0) size 48x15
text run at (44,0) width 48: "relative2"
layer at (250,358) size 26x16
RenderBlock (positioned) {SPAN} at (250,358.16) size 26x16 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 26x15
text run at (0,0) width 26: "fixed"
layer at (258,390) size 400x16
RenderBlock (relative positioned) {DIV} at (0,240) size 400x16 [bgcolor=#808080]
RenderText {#text} at (308,0) size 44x15
text run at (308,0) width 44: "relative "
RenderText {#text} at (0,0) size 0x0
layer at (158,390) size 92x15
RenderInline (relative positioned) {SPAN} at (0,0) size 92x15 [bgcolor=#008000]
RenderText {#text} at (352,0) size 48x15
text run at (352,0) width 48: "relative2"
layer at (440,390) size 26x16
RenderBlock (positioned) {SPAN} at (440,390.16) size 26x16 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 26x15
text run at (0,0) width 26: "fixed"
layer at (58,422) size 400x16
RenderBlock (relative positioned) {DIV} at (0,272) size 400x16 [bgcolor=#808080]
RenderText {#text} at (0,0) size 44x15
text run at (0,0) width 44: "relative "
RenderText {#text} at (0,0) size 0x0
layer at (158,422) size 48x15
RenderInline (relative positioned) {SPAN} at (0,0) size 48x15 [bgcolor=#008000]
RenderText {#text} at (44,0) size 48x15
text run at (44,0) width 48: "relative2"
layer at (250,422) size 26x16
RenderBlock (positioned) {SPAN} at (250,422.16) size 26x16 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 26x15
text run at (0,0) width 26: "fixed"
layer at (58,454) size 400x16
RenderBlock (relative positioned) {DIV} at (0,304) size 400x16 [bgcolor=#808080]
RenderText {#text} at (308,0) size 44x15
text run at (308,0) width 44: "relative "
RenderText {#text} at (0,0) size 0x0
layer at (158,454) size 92x15
RenderInline (relative positioned) {SPAN} at (0,0) size 92x15 [bgcolor=#008000]
RenderText {#text} at (352,0) size 48x15
text run at (352,0) width 48: "relative2"
layer at (440,454) size 26x16
RenderBlock (positioned) {SPAN} at (440,454.16) size 26x16 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 26x15
text run at (0,0) width 26: "fixed"
layer at (58,486) size 400x16
RenderBlock (relative positioned) {DIV} at (0,336) size 400x16 [bgcolor=#808080]
RenderText {#text} at (0,0) size 44x15
text run at (0,0) width 44: "relative "
RenderText {#text} at (0,0) size 0x0
layer at (-42,486) size 48x15 backgroundClip at (0,0) size 800x600 clip at (0,0) size 800x600 outlineClip at (0,0) size 800x600
RenderInline (relative positioned) {SPAN} at (0,0) size 48x15 [bgcolor=#008000]
RenderText {#text} at (44,0) size 48x15
text run at (44,0) width 48: "relative2"
layer at (50,486) size 26x16
RenderBlock (positioned) {SPAN} at (50,486.16) size 26x16 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 26x15
text run at (0,0) width 26: "fixed"
layer at (58,518) size 400x16
RenderBlock (relative positioned) {DIV} at (0,368) size 400x16 [bgcolor=#808080]
RenderText {#text} at (308,0) size 44x15
text run at (308,0) width 44: "relative "
RenderText {#text} at (0,0) size 0x0
layer at (-42,518) size 92x15 backgroundClip at (0,0) size 800x600 clip at (0,0) size 800x600 outlineClip at (0,0) size 800x600
RenderInline (relative positioned) {SPAN} at (0,0) size 92x15 [bgcolor=#008000]
RenderText {#text} at (352,0) size 48x15
text run at (352,0) width 48: "relative2"
layer at (240,518) size 26x16
RenderBlock (positioned) {SPAN} at (240,518.16) size 26x16 [bgcolor=#FF0000]
RenderText {#text} at (0,0) size 26x15
text run at (0,0) width 26: "fixed"
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