From 0468fcacf7a77ecddde092ebdb206902cde3d4b4 Mon Sep 17 00:00:00 2001 From: Luca Date: Fri, 1 May 2020 21:25:04 +0900 Subject: [PATCH] Code example for issue #147 - Safari bug for `el` heigh calculation in combination with `height fill` --- .../cases/open/SafariBugIssue147.elm | 38 +++++++++++++++++++ 1 file changed, 38 insertions(+) create mode 100644 tests-rendering/cases/open/SafariBugIssue147.elm diff --git a/tests-rendering/cases/open/SafariBugIssue147.elm b/tests-rendering/cases/open/SafariBugIssue147.elm new file mode 100644 index 0000000..8a8fe39 --- /dev/null +++ b/tests-rendering/cases/open/SafariBugIssue147.elm @@ -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 + + + +I was able to pinpoint the issue using git bisect to this fd08f1a commit, which lines up. + + + +-} + +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" + ]