This commit is contained in:
Elm UI Automation 2020-05-01 21:25:04 -04:00
commit 47bb68d860

View File

@ -0,0 +1,38 @@
module SafariBugIssue147 exposing (main)
{-|
# Safari bug for `el` heigh calculation in combination with `height fill`
The problem appears to be that the height of the first el is 0, and therefore the second
text is rendered on the first.
Versions
OS: macOS Mojave 10.14.5
Browser: Safari
Browser Version: 12.1.1 (14607.2.6.1.1)
Elm Version: 0.19
Elm UI Version: 1.1.5
<https://github.com/mdgriffith/elm-ui/issues/147>
I was able to pinpoint the issue using git bisect to this fd08f1a commit, which lines up.
<https://github.com/mdgriffith/elm-ui/commit/fd08f1a953484ba96f2d05037d4f208eab351514>
-}
import Browser
import Html exposing (Html)
import Testable.Element exposing (..)
main =
layout [ height fill ] <|
column
[ height fill ]
[ el [] <| text "Element that Safari gives height 0, if inside an el and not just text."
, text "Text below the el above"
]