Przepełnienie: powoduje automatyczne odcięcie elementów wycentrowanych pionowo za pomocą Flexbox
Pierwszy link to model Flexbox 2009:
<div style="display:-webkit-box;height:100%">
<div style="background:#f00;width:50px">
</div>
<div style="display:-webkit-box;-webkit-box-align:center;-webkit-box-pack:center;background:#0f0;-webkit-box-flex:1;overflow-Y:scroll">
<div style="background:#000;width:10px;height:300px">
HELLO
</div>
</div>
<div style="background:#f00;width:50px">
</div>
a drugi to poprawiona wersja 2011 - 2012:
<div style="display:-webkit-flex;height:100%">
<div style="background:#f00;width:50px">
</div>
<div style="display:-webkit-flex;-webkit-align-items:center;-webkit-justify-content:center;background:#0f0;-webkit-flex:1;overflow-Y:scroll">
<div style="background:#000;width:10px;height:300px">
HELLO
</div>
</div>
<div style="background:#f00;width:50px">
</div>
Jeśli zmienisz rozmiar wyniku w pionie, zobaczysz, że „HELLO” zniknie w nowszym modelu flex, a jeśli przewiniesz w dół, da ci dolną białą przestrzeń. Z drugiej strony starszy model flex zachowuje się poprawnie.
Czy jest coś takiego w najnowszym Chrome 26.0.1410.65?