Css Properties Position Relative As Parent Fixed

Test for chromium bug : 31286. css rendering bug : fixed-position-element and 'left'.

If fixed position inline element does not have left and/or right position then it should render as normal flow.

Case 1: fixed text box (blue) should be just after relative text box (green).

relative fixed

Case 2: fixed text box (blue) should be just before relative text box (green).

relative fixed

Case 3: fixed text box (blue) should be just after relative text box (green).

relative fixed

Case 4: fixed text box (blue) should be just before relative text box (green).

relative fixed

Case 5: fixed text box (blue) should be just after relative2 text box (green).

relative relative2 fixed

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.

relative relative2 fixed

Case 7: fixed text box (blue) should be just after relative2 text box (green).

relative relative2 fixed

Case 8: fixed text box (blue) should be before relative2 text box (green) in some distance.

relative relative2 fixed

Case 9: fixed text box (blue) should be just after relative2 text box (green).

relative relative2 fixed

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.

relative relative2 fixed

Case 11: fixed text box (blue) should be just after relative2 text box (green).

relative relative2 fixed

Case 12: fixed text box (blue) should be before relative2 text box (green) in some distance.

relative relative2 fixed

Case 13: fixed text box (blue) should be just after relative2 text box (green).

relative relative2 fixed

Case 14: 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.

relative relative2 fixed