Open Bug 1769072 Opened 3 years ago Updated 2 years ago

Absolutely-positioned display:inline Element in Orthogonal Flow & Right-to-Left Direction Placed Outside of the Containing Block

Categories

(Core :: Layout: Positioned, defect)

defect

Tracking

()

People

(Reporter: dshin, Unassigned)

Details

Attachments

(3 files)

STR:
Load the attached test case

Expected:
Inline display elements in orthogonal flow + right-to-left direction get placed inside the containing div

Actual:
Inline display elements are placed outside the containing div
Block display elements are placed correctly
Note, current nightly have offset due to the use of borders, being fixed in bug 1765668

Severity: -- → S3
Component: Layout → Layout: Positioned
Summary: Inline Element in Orthogonal Flow & Right-to-Left Direction Placed Outside of the Containing Block → Absolutely-positioned display:inline Element in Orthogonal Flow & Right-to-Left Direction Placed Outside of the Containing Block

Illustrating emilio's note in the standup about how display:inline does kinda-matter here -- here's a testcase with some text before/after the abspos element.

Comparing the 1st vs. the 4th lines here (display:inline vs. display:block abspos), you can see that the hypothetical position (the placeholder frame) for the lime box ends up at a different place between those cases.

(We render this particular testcase interoperably now; mostly posting as a "breaktest" to avoid breaking, and for illustration).

You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: