Search code examples
cssgoogle-chromeflexboxdirection

Flex box not working well in RTL direction layout

Firefox is working, but the latest Chrome version is not!

The example will hide the third (red) column and this is the purpose, but when you try to resize the output window width, the third (red) column will be shown, this's just an RTL problem. if you change the layout to ltr, everything will be nice

this's the example: http://jsbin.com/gobisimiyo/edit?output

Any ideas?!

Solution

  • This's a Chrome bug, but i fix it by adding overflow-x: hidden to to the flex container element

    Note: this bug is just happened in a nowrap flex-wrap property.

    Fixed example: http://jsbin.com/gibiwi/edit?output