poetic / meteor-reacterminator

Convert annotated html and css files to a functional meteor app.
15 stars 6 forks source link

React component output formatting issue with multiple <img> tags in a row #32

Open dvmorris opened 8 years ago

dvmorris commented 8 years ago

Not sure what's causing this, but thought I would give you a heads up.

HTML input from WebFlow:

                  <div class="w-clearfix shiftalertdisplayrightwrapper"><img class="avatar" data-ix="user-actions-popover" height="40" src="images/dave.png" width="40"><img class="avatar" data-ix="user-actions-popover" height="40" src="images/jason.png" width="40"><img class="avatar" data-ix="user-actions-popover" height="40" src="images/shawn.png" width="40">
                  </div>

Generated React Component

            <div className="w-clearfix shiftalertdisplayrightwrapper">
              <img data-ix="user-actions-popover"
                height="40"
                src="images/dave.png"
                width="40"
                className="avatar" /><img data-ix="user-actions-popover"
                                                                                                                      height="40"
                                                                                                                      src="images/jason.png"
                                                                                                                      width="40"
                                                                                                                      className="avatar" /><img data-ix="user-actions-popover"
                                                                                                                                                                                                                             height="40"
                                                                                                                                                                                                                             src="images/shawn.png"
                                                                                                                                                                                                                             width="40"
                                                                                                                                                                                                                             className="avatar" />
            </div>