Firefox, Flexbox & overflow

Question

After last firefox-update some of css3-code has been broken... Example (jsfiddle).

• In chromium:
• In firefox 34:

Is it bug? Or normal working? What do i need to change to fix it? Why #flex don't resize properly?

HTML:

<div id="outer">     <div id="flex">         <label>123</label>         <input type="text" value="some text" />     </div> </div>   

CSS:

#outer { display: flex; }  #flex {     display: flex;     border: 1px solid green;     outline: 1px solid red; }  label { flex: 0 0 80px; } 

Answer 1

Fix:

input { min-width: 1px; } 

For vertical direction - min-height;