224832 - {inc} element with properties { position: absolute; right: 0; } nested in an relative pos. inline element is displayed oddly

Status: RESOLVED FIXED

(Core :: Layout: Positioned, defect, P3)

Description

[Ritchie]

User-Agent:       Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.3.1) Gecko/20030428
Build Identifier: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.3.1) Gecko/20030428

.parent { position: relative; display: inline; border: solid 1px red; }
.child { position: absolute; right: 0; border: solid 1px blue; }

<span class="parent">abcdef <span class="child">x</span> </span>

The child element should be on the right side inside the parent element. Mozilla
handle the child element oddly when the parent is an inline element (display:
inline;). If the parent is a block element (display: block;) everything seems to
be OK.


Reproducible: Always

Steps to Reproduce:

Comment 1

[Ritchie]

Attachment: demonstration of the bug

Comment 2

[Ritchie]

When using left or top it seems to be OK. When using right or bottom, Mozilla
behaves oddly.

Comment 3

[Robert O'Callahan (:roc) (email my personal email if necessary)]

'right' and 'bottom' are just broken for absolute children of relative inlines.

Comment 4

[Robert O'Callahan (:roc) (email my personal email if necessary)]

Attachment: minimized testcase

The green dot should be 20px to the left of the right edge of the red box.
Instead it's 20px left of the viewport edge. 'left' works correctly.

Comment 5

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

What happens with the patch in bug 135082?

Comment 6

[Robert O'Callahan (:roc) (email my personal email if necessary)]

aaah that fixes it. I didn't know about that bug. excellent! It fixes Ritchie's
testcase too.

Comment 7

[Boris Zbarsky [:bzbarsky]]

Fixed by checkin for bug 135082.