React component output formatting issue with multiple <img> tags in a row
Opened this issue · 0 comments
dvmorris commented
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>