On iPad, `height` is not deduced from `flex` properties, resulting in empty elements sometimes

[Augustin82]

The big picture of what I'm trying to do

We need to show an HTML div that's 100% the height and width of its parent, within a somewhat complex (nested) layout.

What I did

The following code: https://ellie-app.com/gLLBpmWLda1/1

What I Expected To Happen

If you run view this code on most devices, you'll get a ~nice~ ugly yellow background in the entire viewport...

What Actually Happened

...but if you run it on an iPad like the one I tested it on, you'll only have the ~nice~ ugly yellow background around the text.

NB: it seems Ellie doesn't compile on iPad, so you'll have to copy the code and serve it somewhere for your iPad to access it =)

Versions

• Elm: 0.18
• style-elements: 4.2.0
• Browser: Chrome 61.0.3163.73
• Browser: Safari (installed by OS, see below)
• Operating System: iOS 10.3.2 (14F90)
• Hardware: iPad "MPGT2NF/A" (sorry, cannot tell you which version, only that it has 32 GB of storage)