W3C home > Mailing lists > Public > public-css-bugzilla@w3.org > July 2012

[Bug 18284] New: Flexbox ED Example Rendering of "Example 1" (computer starter kit) is broken in firefox due to reliance on explicitly-undefined-in-CSS behavior

From: <bugzilla@jessica.w3.org>
Date: Wed, 18 Jul 2012 17:57:17 +0000
To: public-css-bugzilla@w3.org
Message-ID: <bug-18284-5148@http.www.w3.org/Bugs/Public/>
https://www.w3.org/Bugs/Public/show_bug.cgi?id=18284

           Summary: Flexbox ED Example Rendering of "Example 1" (computer
                    starter kit) is broken in firefox due to reliance on
                    explicitly-undefined-in-CSS behavior
           Product: CSS
           Version: unspecified
          Platform: PC
               URL: http://dev.w3.org/csswg/css3-flexbox/
        OS/Version: Linux
            Status: NEW
          Severity: normal
          Priority: P2
         Component: Flexbox
        AssignedTo: jackalmage@gmail.com
        ReportedBy: dholbert@mozilla.com
         QAContact: public-css-bugzilla@w3.org
                CC: fantasai.bugs@inkedblade.net, dbaron@dbaron.org,
                    alexmog@microsoft.com


The Flexbox ED's "Example 1" sample-rendering doesn't display correctly in
Firefox right now -- its two "BUY NOW" buttons render to the left of their
containers, and the two buttons are stacked directly on top of each other. (so
it looks like there's only one button)

The buttons are absolutely-positioned, and the intended containing block is a
"display:table-cell; position:relative" element (with class=computer-example).
However, Firefox doesn't honor "position:relative" on table-cells -- so the
container doesn't actually form an abspos containing block.

This is tracked in Mozilla's bug-tracker at
https://bugzilla.mozilla.org/show_bug.cgi?id=35168 -- as noted in a comment
there, the CSS2.1 Spec explicitly leaves this behavior undefined:
"The effect of 'position:relative' on table-row-group, table-header-group,
table-footer-group, table-row, table-column-group, table-column, table-cell,
and table-caption elements is undefined."
http://www.w3.org/TR/2006/WD-CSS21-20060411/visuren.html#choose-position

So this sample-rendering is relying on explicitly-undefined-in-CSS behavior.

If the sample-rendering could be fixed to not rely on this undefined behavior
(e.g. by adding a "display:block; position:relative" wrapper inside of the
table-cell), that would be awesome.

-- 
Configure bugmail: https://www.w3.org/Bugs/Public/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the QA contact for the bug.
Received on Wednesday, 18 July 2012 17:57:20 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Wednesday, 18 July 2012 17:57:20 GMT