Как исправить баг в Safari с flexbox?

Question

[lavezzi1]

Здравствуйте, столкнулся с такой проблемой, если в контейнере нет места для блоков, то в сафари последней версии они не перескакивают на новую строку, а рвут контейнер. В чем причина?

Демо:
codepen.io/anon/pen/LbVMaN

Вообще реализацию брал отсюда flexboxgrid.com

Answer 1

[bromzh]

.col-auto {
    flex-grow: 1;
    flex-basis: initial; // Тут надо не 0, а initial, например. 
// Иначе сафари справедливо считает, что мин. размер блока нулевой, 
// так что переносить блоки не надо, они всё равно помещаются
    max-width: 100%;
    padding: 8px;
}

PS И у .row не надо прописывать `flex: 0 1 auto;`, если только он. сам не является дочерним flex-элементом.

Answer 2

[Андрей Верх]

Возьмите за правило указывать flex:0 1 auto(или свои значения, разумеется) для элементов, чтоб потом не столкнуться с багами.

Comments

[roman_wm]

Огромное спасибо )

Answer 3

[Ankhena]

https://autoprefixer.github.io/ru/ это не поможет Вам?

Comments

[lavezzi1]

Нет, он включен.