@@ -0,0 +1,36 @@
1+module ElInFixedHeightColumn exposing (..)
2+
3+{-| el inside a fixed height column is rendered with zero height in Safari
4+
5+<https://github.com/mdgriffith/elm-ui/issues/190>
6+
7+If I put an el into a column of fixed height, the el is rendered with zero height
8+in Safari:
9+
10+layout [] <|
11+column
12+[ width fill
13+, height <| px 200
14+][ el [ Border.width 3, Border.color <| rgb255 0 0 0 ] <| text "an element" ]
15+
16+Adding htmlAttribute <| Attr.style "flex-basis" "auto" to the el is a workaround
17+that fixes the problem in this instance.
18+
19+Expected behavior
20+
21+Element should be rendered the same as in Firefox & Chrome, with the border going
22+around the text.
23+
24+-}
25+
26+import Testable.Element exposing (..)
27+import Testable.Element.Border as Border
28+
29+
30+main =
31+ layout [] <|
32+ column
33+ [ width fill
34+ , height <| px 200
35+ ]
36+ [ el [ Border.width 3, Border.color <| rgb 0 0 0 ] <| text "an element" ]