Limitations

The engine tries to support all required features for creating reach HTML templates, but there are a few cases where expressions cannot be used or have some limitations.

Table Family Elements

<table>, <tr>, <thead>, <tbody>, <tfoot> and <colgroup> elements with expressions should not have additional text other than a whitespace:

Breaks template:

html`<tr>${cellOne} ${cellTwo} some text</tr>`;

Works fine:

html`<tr>${cellOne} ${cellTwo}</tr>`;

Template Element

Expressions inside of the <template> element are not supported:

Breaks template:

html`
<custom-element>
<template>
<div class="${myClass}"></div>
</template>
<div>${content}</div>
</custom-element>
`;

Works fine:

html`
<custom-element>
<template>
<div class="my-static-class"></div>
</template>
<div>${content}</div>
</custom-element>
`;