How do you handle non-block html elements with angle bracket components?


I have a lot of components that built html hierarchies with other elements than div, such as a table where every tbody/tr/td is a component or a list where every li is a component. I am trying out the Ember 1.13 beta so that I can take advantage of the new angle-brackets component syntax and not have to rewrite the code later, but I was surprised to see that <my-component> is actually generated as <my-component> in the final html, even with tagName property set. Maybe this was unsurprising to every one else, but for me it will be a much bigger change than anything else announced for Ember 2.0.

How is everyone else dealing with this change, with regards to code that expects a certain html structure of non-block elements?