is this a bug of ios safari? <p>recently, when using <code>display:flex</code> and <code>flex-grow</code>, i find a problem:<br> i write a demo about this question: <a href="http://output.jsbin.com/nijahifogu" rel="nofollow noreferrer">demo</a><br> i run the demo using mac chrome(emulate screen resolution: 320*480) <br> and ios (lastest) safari,<br> the result of chrome is what i expected<br> the screen shot of results below:<br> the result of safari:<br> <a href="https://i.stack.imgur.com/hpzFN.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hpzFN.jpg" alt="enter image description here"></a><br> the result of chrome:<br> <a href="https://i.stack.imgur.com/HuLuX.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/HuLuX.jpg" alt="enter image description here"></a> <br><br><br><br> <hr> <strong>update:</strong> <hr> A new <a href="http://jsbin.com/kogijutiti/1" rel="nofollow noreferrer">demo</a> that the css property is prefixed by(<code>-webit-</code>),<br> but it don't work for me. <hr> <strong>update:</strong> <hr> the viewport need enough narrow to trigger the <code>text-overflow:ellipse</code>,<br>the bug would occur;</p>