W3C home > Mailing lists > Public > www-style@w3.org > March 2013

Re: [css-flexbox] Syntax for maximum support

From: Daniel Holbert <dholbert@mozilla.com>
Date: Wed, 27 Mar 2013 12:46:23 -0700
Message-ID: <51534C8F.9090708@mozilla.com>
To: irfan mir <theirf@gmail.com>, "www-style@w3.org" <www-style@w3.org>
One correction: there's no need to use "-moz-" prefixing for any of the
current-flexbox keywords & property-names.

Mozilla has shifted away from vendor-prefixing, for a variety of
reasons.  Instead, we're shipping work-in-progress CSS features
unprefixed, but behind about:config prefs (which are disabled by default
until the spec and implementation are sufficiently stable & complete).

So: the "new" flexbox spec's keywords are all unprefixed in Mozilla
code, though they're still disabled by default in our release builds.
(But it should be enabled by default soon.[1])

(Technically, we did actually ship one old release (Firefox 18) with
*both* the pref and with prefixed flexbox keywords & properties -- but
the number of users on that out-of-date release who've refused/disabled
automatic updates and who've *also* manually toggled the flexbox-support
pref should be extremely low -- likely zero.  That's the set of users
you'd be targeting with -moz-prefixed new-flexbox keywords markup, and
IMHO it's not worth it. :))

~Daniel

[1] https://bugzilla.mozilla.org/show_bug.cgi?id=841876


On 03/27/2013 10:18 AM, irfan mir wrote:
> Hello CSS Working Group,
> 
> I've been playing with flexbox recently now that the syntax is stable
> and am just wondering if the syntax I used is proper for maximum
> support. I would use a Javascript ployfill, but there isn't one for the
> new syntax yet. So, in order to get maximum support, I am using the old
> syntax and current syntax.
> 
> Please correct me if I am doing anything wrong. I am trying to get
> maximum support in all the browser that at some point supported some
> version of the flexbox module.
> 
>                 /*2009 syntax*/
> display:-moz-box;
> display:-ms-box;
> display:-webkit-box;
> display:box;
> -webkit-box-orient:vertical;
> /*current syntax*/
> display:-moz-flex;
> display:-ms-flex;
> display:-webkit-flex;
> display:flex;
> -moz-flex-direction:column;
> -ms-flex-direction:column;
> -webkit-flex-direction:column;
> flex-direction:column;
> 
> Thanks in Advance & Best Regards,
>                                          Irfan Mir.
Received on Wednesday, 27 March 2013 19:46:58 UTC

This archive was generated by hypermail 2.3.1 : Wednesday, 27 March 2013 19:46:59 UTC