not producing right case for attribute viewBox

[sgaston321]

[ svg
                [ attribute "xmlns" "http://www.w3.org/2000/svg"
                , SA.viewBox "-11716.94 19034.5 24.44 24.441"
                , SA.class "svg-icon svg-icon-snapshot-card"
                ]
                [ Svg.defs []
                    [ Svg.style [] [ Svg.text ".a{fill:none;stroke:#000;stroke-width:1px;}" ] ]
                , Svg.g [ SA.transform "rotate(90 -15363.5 3671)" ]
                    [ Svg.path
                        [ SA.class "a"
                        , SA.d "M23.5 15L17 17l-2 6.5L.5 9V.5H9z"
                        ]
                        []
                    , Svg.circle
                        [ SA.class "a"
                        , SA.cx "2"
                        , SA.cy "2"
                        , SA.r "2"
                        , SA.transform "translate(3.5 3.5)"
                        ]
                        []
                    ]
                ]
]

When inspecting in chrome, viewbox comes out as lowercase, doesn't render the svg. When I edit any attribute of the svg, chrome fixes it to camelcase viewBox and the svg shows

[process-bot]

Thanks for the issue! Make sure it satisfies this checklist. My human colleagues will appreciate it!

Here is what to expect next, and if anyone wants to comment, keep these things in mind.

[sgaston321]

https://github.com/elm-lang/svg/blob/1.1.1/src/Svg.elm#L101