После обновления @ angular / flex-layout до последней версии 5.0.0-beta.14 fxFill API больше не работает должным образом.
Ожидаемое поведение при использовании 5.0.0-beta.13 (StackBlitz)
Текущее поведение при использовании 5.0.0-beta.14 (StackBlitz)
2 StackBlitz идентичны, за исключением версии flex-layout.
Если вы проверите страницу, элементы с примененным к ним fxFill
имеют встроенные стили, которые должны быть: margin 0
, width 100%
, height 100%
, min-width 100%
и min-height 100%
, но стили, похоже, не применяются?
Я просматривал их документацию и не могу понять, почему это так. Это новое ожидаемое поведение? Или мне нужно что-то изменить во втором примере, чтобы fxFill работал так же, как в бета-версии.13?
Я не знаю, почему это изменение было сделано, но flex был изменен с «1e-09px» на «auto» ... похоже, это позволяет ребенку вырасти больше, чем максимальное значение.
Ниже приведено временное исправление, чтобы вернуть эту роль, но я думаю, что им нужно вернуть это обратно.
/deep/ [fxflex] {
flex: 1 1 1e-09px !important;
}