LayoutTests/fast/css/css-properties-position-relative-as-parent-fixed.html - Issue 23444082: css rendering bug : fixed-position-element and 'left'

Side by Side Diff: LayoutTests/fast/css/css-properties-position-relative-as-parent-fixed.html

Issue 23444082: css rendering bug : fixed-position-element and 'left' (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Created 7 years, 3 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch

« no previous file with comments | « LayoutTests/TestExpectations ('k') | LayoutTests/platform/linux/fast/css/css-properties-position-relative-as-parent-fixed-expected.png » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
(Empty)
	1 <!DOCTYPE html>

	2 <html>

	3 <head>

	4 </head>

	5 <body style="position:fixed; left:150px;">

	6 <h3>Test for chromium bug : <a href="https://code.google.com/p/chromium/issues/d etail?id=31286">31286</a>. css rendering bug : fixed-position-element and 'left' .</h3>

	7 <h4>If fixed position inline element does not have left and/or right position th en it should render as normal flow.</h4>

	8

	9 <h5>

	10 Case 1 : fixed text box should be just after relative text box.

	11 <br/>

	12

	13 <div style="position:relative; left:100px; background:green; width:400px;">

	14 relative

	15 <span style="position:fixed; background:red;">

	16 fixed

	17 </span>

	18 </span>

	19 </div>

	20

	21 Case 2 : fixed text box should be just before relative text box.

	22 <br/>

	23

	24 <div style="position:relative; left:100px; background:green; direction:rtl; widt h:400px;">

	25 relative

	26 <span style="position:fixed; background:red;">

	27 fixed

	28 </span>

	29 </span>

	30 </div>

	31

	32 Case 3 : fixed text box should be just after relative text box.

	33 <br/>

	34

	35 <div style="position:relative; right:100px; background:green; width:400px;">

	36 relative

	37 <span style="position:fixed; background:red;">

	38 fixed

	39 </span>

	40 </span>

	41 </div>

	42

	43 Case 4 : fixed text box should be just before relative text box.

	44 <br/>

	45

	46 <div style="position:relative; right:100px; background:green; direction:rtl; wid th:400px;">

	47 relative

	48 <span style="position:fixed; background:red;">

	49 fixed

	50 </span>

	51 </span>

	52 </div>

	53

	54 Case 5 : fixed text box should be just after relative2 text box.

	55 <br/>

	56

	57 <div style="position:relative; left:100px; background:gray; width:400px;">

	58 relative

	59 <span style="position:relative; left:100px; background:green;">

	60 relative2

	61 <span style="position:fixed; background:red;">

	62 fixed

	63 </span>

	64 </span>

	65 </div>

	66

	67 Case 6 : fixed text box should be after relative text box in some distance and b efore relative2 in some distance.

	68 <br/>

	69

	70 <div style="position:relative; left:100px; background:gray; direction:rtl; width :400px;">

	71 relative

	72 <span style="position:relative; left:100px; background:green;">

	73 relative2

	74 <span style="position:fixed; background:red;">

	75 fixed

	76 </span>

	77 </span>

	78 </div>

	79

	80 Case 7 : fixed text box should be just after relative2 text box.

	81 <br/>

	82

	83 <div style="position:relative; left:100px; background:gray; width:400px;">

	84 relative

	85 <span style="position:relative; right:100px; background:green;">

	86 relative2

	87 <span style="position:fixed; background:red;">

	88 fixed

	89 </span>

	90 </span>

	91 </div>

	92

	93 Case 8 : fixed text box should be before relative2 text box in some distance.

	94 <br/>

	95

	96 <div style="position:relative; left:100px; background:gray; direction:rtl; width :400px;">

	97 relative

	98 <span style="position:relative; right:100px; background:green;">

	99 relative2

	100 <span style="position:fixed; background:red;">

	101 fixed

	102 </span>

	103 </span>

	104 </div>

	105

	106 Case 9 : fixed text box should be just after relative2 text box.

	107 <br/>

	108

	109 <div style="position:relative; right:100px; background:gray; width:400px;">

	110 relative

	111 <span style="position:relative; left:100px; background:green;">

	112 relative2

	113 <span style="position:fixed; background:red;">

	114 fixed

	115 </span>

	116 </span>

	117 </div>

	118

	119 Case 10 : fixed text box should be after relative text box in some distance and before relative2 in some distance.

	120 <br/>

	121

	122 <div style="position:relative; right:100px; background:gray; direction:rtl; widt h:400px;">

	123 relative

	124 <span style="position:relative; left:100px; background:green;">

	125 relative2

	126 <span style="position:fixed; background:red;">

	127 fixed

	128 </span>

	129 </span>

	130 </div>

	131

	132 Case 11 : fixed text box should be just after relative2 text box.

	133 <br/>

	134

	135 <div style="position:relative; right:100px; background:gray; width:400px;">

	136 relative

	137 <span style="position:relative; right:100px; background:green;">

	138 relative2

	139 <span style="position:fixed; background:red;">

	140 fixed

	141 </span>

	142 </span>

	143 </div>

	144

	145 Case 12 : fixed text box should be before relative2 text box in some distance.

	146 <br/>

	147

	148 <div style="position:relative; right:100px; background:gray; direction:rtl; widt h:400px;">

	149 relative

	150 <span style="position:relative; right:100px; background:green;">

	151 relative2

	152 <span style="position:fixed; background:red;">

	153 fixed

	154 </span>

	155 </span>

	156 </div>

	157

	158 </h5>

OLD	NEW