Edge non allungare iframe in un FlexBox

Question

Il iframe nel seguente demo è un elemento di flessione:

* { 
 
    margin: 0; 
 
    border: 0; 
 
    padding: 0; 
 
} 
 
html, 
 
body { 
 
    height: 100%; 
 
} 
 
body { 
 
    display: flex; 
 
} 
 
iframe { 
 
    background: olive; 
 
    flex: 1; 
 
}

<iframe></iframe>

Ma non copre il contenitore flessibile:

Se si sostituisce iframe con un div, si w orchi senza problemi.

1. Perché è quello?
2. Qual è l'approccio giusto per risolvere il problema?