731587 - Transform makes an inline abs.pos. container

Status: RESOLVED WORKSFORME

(Core :: Layout: Positioned, defect)

Description

[Mats Palmgren (inactive)]

The transform property applies to "block-level and atomic inline-level elements"
http://www.w3.org/TR/css3-2d-transforms/#transform-property

Since it doesn't apply to non-atomic inlines it shouldn't makes such
elements be abs.pos. containers when specified.

Comment 1

[Mats Palmgren (inactive)]

Attachment: Testcase

Dump the frame tree and you'll find:

Block(body)(2)@0x1360bb0 <
  line 0x7fb1b0866510: count=1 state=inline ... <
    Inline(span)(1)@0x1361188 [state=0000002000000000] ... <
      Text(0)"Lorem ipsum dolor sit amet, consectetur adipiscing"@0x1361200 ...
    >
    AbsoluteList<
      Block(i)(1)@0x1361308 ... <
        line 0x1361510: ... <
          Text(0)"ABS"@0x13614a0 ...
        >
      >

Comment 2

[Boris Zbarsky [:bzbarsky]]

Yes, agreed.  Want to fix?

Comment 3

[Boris Zbarsky [:bzbarsky]]

There are some obvious questions like how <button style="display: inline; transform: translate(0)"> should behave wrt abs pos descenadnts....  I bet there's no interop.

Comment 4

[Mats Palmgren (inactive)]

Sure, I can take a look since I'm working on related code...

Comment 5

[Mats Palmgren (inactive)]

I can still reproduce in Firefox 18, but it works for me in the latest beta (Fx19).