mdgriffith / style-elements

Create styles that don't mysteriously break!
http://package.elm-lang.org/packages/mdgriffith/style-elements/latest
BSD 3-Clause "New" or "Revised" License
445 stars 49 forks source link

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

Open Augustin82 opened 6 years ago

Augustin82 commented 6 years ago

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