[box-sizing] and min/max/width/height was Re: [css3-ui] editor's draft updated per [CSSWG] Minutes and Resolutions F2F Kyoto Sat: CSS3 Fonts, Regions, @viewport, Variables, @supports, Selectors4, Administrivia

On Wed, Jul 13, 2011 at 23:44, Brad Kemper <brad.kemper@gmail.com> wrote:
> On Jul 7, 2011, at 9:51 PM, Tantek Çelik <tantek@cs.stanford.edu> wrote:
>
> http://dev.w3.org/csswg/css3-ui/
>
> In addition, I've added:
> * ime-mode (already unprefixed interop between FF3+ and IE5+/Windows)
> * box-sizing:padding-box (implemented in FF on -moz-box-sizing only)
>
> I noticed that for box-sizing, the min/max height/width are mentioned:
> The specified width and height (and respective min/max properties) on this
> element determine the border[ | padding | content ] box of the element.
>
> Cool. Does this mean that this might actually be implemented? Currently, it
> seems to not be[1] (for anything other than content-box), but I don't know
> why not. I've been frustrated by this lack before, and I wonder if there is
> some reason for it, or if implementors just haven't gotten around to it yet?
>
> 1) http://www.quirksmode.org/css/box.html

Quirksmode is less than helpful there (claim without test case etc.)
and thus actually out of date.

More implementation info here: https://developer.mozilla.org/en/CSS/box-sizing
(in general search developer.mozilla.org before quirksmode, you'll
find more accurate / up-to-date information)

Bug filed here on Firefox:
https://bugzilla.mozilla.org/show_bug.cgi?id=308801
feel free to add your supportive statements for fixing min-/max-
width/height with box-sizing.

And per the last comment in that bug it appears to work in Webkit (I
verified in Chrome and Safari in Mac)
https://bugzilla.mozilla.org/show_bug.cgi?id=308801#c20

I just tried that comment's test case http://jsfiddle.net/5NnFg/1/ in
Opera 11.50 on MacOS and it also seems to work there - so we have some
degree of interop on this interaction between two browser engines.

I don't know the status of IE on this, bug #s/URLs welcome.

Thanks,

Tantek


-- 
http://tantek.com/ - I made an HTML5 tutorial! http://tantek.com/html5

Received on Thursday, 14 July 2011 17:38:16 UTC