@@ -0,0 +1,50 @@
1+module Main exposing (..)
2+
3+{-| Paragraph with children more than one level deep breaks flow
4+
5+<https://github.com/mdgriffith/elm-ui/issues/173>
6+
7+First of all, thanks for such a pleasant library to use! It's been awesome not having to use CSS.
8+
9+The problem I ran into is that paragraph only seems correctly flow text in children a single level deep. As an example, I made an Ellie demonstrating this with an el within a link within a paragraph:
10+
11+<https://ellie-app.com/7JcgLRNprF7a1>
12+
13+This might be a regression, as the resolved #50 and #103 seem to refer to the same problem.
14+
15+Expected behavior
16+Text should flow with no breaks in the paragraph.
17+
18+Versions
19+
20+ OS: macOS
21+ Browser: Firefox
22+ Browser Version: 71.0
23+ Elm Version: 0.19.1
24+ Elm UI Version: 1.1.5
25+
26+-}
27+
28+import Testable.Element as Element exposing (..)
29+import Testable.Element.Font as Font
30+
31+
32+main =
33+ layout [] <|
34+ column []
35+ [ paragraph []
36+ [ text "This is a paragraph with a "
37+ , el [ Font.bold ] <| text "child"
38+ , text " of depth one."
39+ ]
40+ , paragraph []
41+ [ text "This is a paragraph with a "
42+ , link []
43+ { label =
44+ el [ Font.bold ] <|
45+ text "child"
46+ , url = "http://example.com"
47+ }
48+ , text " of depth two."
49+ ]
50+ ]