узел реагирует - что мешает работать flex-grow?

Question

Я не могу заставить свой внутренний div занять 100% его пространства. С инструментами Chrome dev я вижу, что все родительские div имеют height: 100%. Создав простой пример HTML, он отлично работает.

Вот непосредственный родитель. Вы можете видеть из синей тени, занимающей все пространство.

А вот следующий внутренний div

Вот css для показанных элементов. Я ожидаю, что div "canvas" расширится.

.border {
    border: 1px solid white;
    border-radius: 3px;
}
.workflow {
    min-height: 100%;
}
.workflowEditor {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}
.workflowEditor .canvas {
    flex-grow: 1;
    background: green;
}

FWIW, если для min-height в .workflowEditor установить значение solid, например. 400px, тогда размер div увеличивается.