Re: [css-flexbox] Syntax for maximum support

(Also, for the old-flexbox syntax: you have -webkit-box-orient there,
but no corresponding -moz/-ms/unprefixed version for that property. I
imagine you wanted to include those?)

On 03/27/2013 12:46 PM, Daniel Holbert wrote:
> 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 20:00:11 UTC