Flex-элементы игнорируют процентное заполнение в Firefox

Я пытаюсь добавить заполнение для элемента внутри элемента display:flex. Когда заполнение задано в процентах, оно не отображается в Firefox, хотя отображается в px. Оба случая работают как положено в Chrome.

div {
    background: #233540;
}
div > div {
    color: #80A1B6;
}
.parent {
    display: flex;
}
.padded {
    padding-bottom: 10%;
}

    

        asdf
    

Хром:

Firefox:

Редактировать : Это может быть из-за решения Mozilla интерпретировать вертикальные проценты относительно на высоту родительского контейнера. Мне кажется сумасшедшим https://bugzilla.mozilla.org/show_bug.cgi?id=851379

Редактировать 2 : Да, похоже, что спецификация фактически определяет вертикальное заполнение и поле определяется как высота контейнера, так что, возможно, Chrome не выполняет спецификацию? https://drafts.csswg.org/css-flexbox/#item-margins