Closed Bug 971636 Opened 10 years ago Closed 10 years ago

Relative and absolute positioning does not work on display: table-cell

Categories

(Core :: DOM: CSS Object Model, defect)

Product:
Core
Component:
DOM: CSS Object Model
Version:
30 Branch
Platform:
x86
macOS
Type:
defect
Priority:
Not set
Severity:
normal

Tracking

()

Status:
RESOLVED DUPLICATE of bug 63895

People

(Reporter: contact, Unassigned)

References

(
URL
)

Details

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.8; rv:30.0) Gecko/20100101 Firefox/30.0 (Beta/Release)
Build ID: 20140206030201

Steps to reproduce:

Create an element and assign relative positioning, then specify a pseudo selector of it with absolute positioning. The absolute positioning is not relative to the pseudo element's parent.

Here is a reduction: http://codepen.io/benfrain/pen/uAahf


Actual results:

Firefox renders the absolutely positioned pseudo element against a different reference point. 


Expected results:

Firefox should position the pseudo element in relation to it's nearest relatively positioned parent element (the table-cell with position: relative; set).

You can see the expected behavior by looking at the reduction in Chrome/Safari: http://codepen.io/benfrain/pen/uAahf
Status: UNCONFIRMED → NEW
Component: Untriaged → DOM: CSS Object Model
Ever confirmed: true
Product: Firefox → Core
Status: NEW → RESOLVED
Closed: 10 years ago
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.