Flex и flex-direction: колонка;IE11 выпуск

Question

У меня возникла странная проблема, у меня много пересекающегося контента в IE11 при использовании flex и flex-direction: column.

Я прочитал здесь несколько ответов, которые предлагалииспользуя flex: 1, и это, похоже, не решило мою проблему.Кто-нибудь получил какие-либо другие предложения относительно того, что я мог бы упустить здесь?

Заранее спасибо,

Ник

Неправильный URL сайта: http://8b220f.3.ekm.shop

.c-product--compact .c-product__attributes-wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
    flex-direction: column;
}


.o-grid__item {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   padding-left: 1.5rem;
   width: 100%;
}

Answer 1

В IE10-11 (и других браузерах) есть некоторые ошибки в реализации flexbox - вы можете прочитать о них здесь

Попробуйте установить flex: 1 1 auto; вместо flex: 1; на flex-дети.