Incorrect line wrapping in grid row with .col-xs-1, .col-xs-11 in Firefox with Flexbox enabled

[stephaniepurvis]

I have a codepen demonstrating this problem here: http://codepen.io/stephaniekendall/pen/XXWJBx

At 585px and below in Firefox (v. 42.0) for Mac, these columns collapse into a single column with the divs stacked on top of each other. The columns behave as expected for me in both Chrome and Safari. It only seems to be a problem when you have 1 col next to 11 cols.

[cvrebert]

@stephaniepurvis Looks like you're using the Flexbox version of the grid. Is that correct?

[stephaniepurvis]

Yes, that is correct. I noticed this while playing with the flexbox grid being enabled. I will check tomorrow to see if the same thing happens without the flexbox grid.

[cvrebert]

Confirmed in OS X Firefox 44.0a2 (2015-12-03) at viewport widths <=615px.

[cvrebert]

@stephaniepurvis Your CodePen seems to have been deleted. Do you have another copy or could you recreate the code?
I made http://jsbin.com/nuwanet/edit?html,css just based on the issue description, but can't seem to reproduce in Firefox 48.0a2.

[stephaniepurvis]

Sorry about my code pen being gone. If I deleted it, it was on accident! I tried recreating it here: http://codepen.io/stephaniekendall/pen/zBqrvM

I know it was only happening with flexbox enabled, so I am using the compiled version of the css with flexbox = true in my code pen. My version of Firefox is now at 47.0 and I don't seem to be encountering the problem anymore. Since it was only happening in FF, I wonder if it was a bug with FF version 42?

[cvrebert]

Quite possible. Flexbox implementations in browsers haven't been completely debugged yet and the spec is still receiving some minor clarifications.
Closing since this is no longer reproducible.