К сожалению пример не могу показать, тк ошибка на большом закрытом проекте.
Но суть проблема такая:
Внутри флекс-контейнера дочернему элементу заданы стили:
.flex-container {
height: 100%;
display: flex;
flex-direction: column;
flex-grow: 1;
}
.flex-child {
height: 0;
flex-grow: 1;
overflow: auto;
}
Идея состоит в том, чтобы flex-child был всегда по размеру родителя, но при этом не выходил за его границы, а имел свой скролл, если например появится еще один дочерний компонент рядом с ним.
Ситуация такая как
тут, только мне надо для вертикального случая.
И проблема в том, что изначально все работает даже на IE. Но при ререндере почему-то на IE flex-grow: 1 не срабатывает, и flex-child остается с нулевой высотой, т.е схлопывается.
Я не прошу сейчас смотреть на конкретно мой случай. А просто хотел бы узнать, есть ли какой-то такой известный баг у
IE со отваливанием стилей после ререндера
Вот наглядно:
1) Все нормально на ИЕ
2) Случается ререндер и таблица схлопывается. При этом она есть в ДОМ
И если повключать/выключать стили, то она появляется.