Streaming live at 10am (PST)

Possible to Control Flexbox Browser Support?


#1

Is it possible to adjust which browsers the exported code from designer will support or turn off vendor prefixes altogether? Here’s an example of the issue I’m experiencing: Below I’ve used flexbox to center a div in designer and the exported code is unnecessarily bloated for my browser support needs (what should be 3 lines of css has become 12).

What I want

.container {
     display: flex;
     justify-content: center;
     align-items: center;
}

What I’m getting

.container {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
}

W3C CSS Validator shows 153 errors & warnings
#2

Please use the wishlist for this. https://wishlist.webflow.com/ideas


#3

I’m confused…
My questions has not been answered. Are you saying that support for this level of browsers support customization does not exist in Webflow?


#4

That is correct…


#5

This topic was automatically closed after 60 days. New replies are no longer allowed.