mbylstra / html-to-elm

An online tool for converting HTML to elm-html. Go to
http://mbylstra.github.io/html-to-elm/
395 stars 23 forks source link

Missing some closing brackets #3

Closed mrmurphy closed 8 years ago

mrmurphy commented 8 years ago

Another one :)

If I paste in the following snippet:

            <div class="navbar-collapse collapse" id="navigation">
                <ul class="nav navbar-nav navbar-left">
                    <li class="active"><a href="index.html">Home</a>
                    </li>
                    <li class="active"><a href="/cheeses">Our Cheeses</a>
                    </li>
                    <li class="active"><a href="/baskets">Gift Baskets</a>
                    </li>
                    <li class="active"><a href="/platters">Event Platters</a>
                    </li>
                    <li class="active"><a href="/tastings">Cheese Tastings</a>
                    </li>
                </ul>
            </div>

I get

div [ class "navbar-collapse collapse", id "navigation" ]
    [ ul [ class "nav navbar-nav navbar-left" ]
        [ li [ class "active" ]
            [ a [ href "index.html" ]
                [ text "Home" ]
        , li [ class "active" ]
            [ a [ href "/cheeses" ]
                [ text "Our Cheeses" ]
        , li [ class "active" ]
            [ a [ href "/baskets" ]
                [ text "Gift Baskets" ]
        , li [ class "active" ]
            [ a [ href "/platters" ]
                [ text "Event Platters" ]
        , li [ class "active" ]
            [ a [ href "/tastings" ]
                [ text "Cheese Tastings" ]
        ]

it looks like each of the lis are missing the closing bracket for the list of child elements. The top div is also missing its closing bracket.

Thanks again, though, for making this!

mrmurphy commented 8 years ago

Just a follow up, here's a simpler case:

<h3><a href="#">No brackets!</a></h3>

That produces an h3 tag without a closing bracket for its children.