Custom elements as table rows break layout when importing resources as first business about templating

[bigopon]

It seems we could really use some doc describing this scenario to help future folks. Would be great if you could help with this @koenbeuk ❤️

[bigopon]

@koenbeuk thanks for filing this issue. And sorry that somehow I missed it until now. The issue you encountered is because how Aurelia turns a template (or a html file content) into a view factory: it is first passed through native HTML5 parser via simple innerHTML. This means invalid HTML5 structure (like <td/> as a direct child of template, but not the only child type) will be processed differently. In this case, it just gets dropped.

What can be done to avoid this is to make sure only TDs are children of <template/>:

<template>
  <td>
    <require from="..."></require>
  </td>
</template>

Can you try the aboe?

[bigopon]

Here is an example of it working: https://gist.run/?id=45a7d62b74673e35ed667412085baa7d

[koenbeuk]

@bigopon Thanks for the example, I already got it working that way :)

[bigopon]

@koenbeuk nice. I guess we can close this issue?

[koenbeuk]

It's not blocking me anymore, feel free to close if you deem best