this should be very simple but somehow i just cant get it working
${list && $h`
${list.map((item, k) => $h`
<tr>
<td class="label-cell">${item.user}</td>
<td class="label-cell">${item.prodName}</td>
<td>${item.amount}</td>
<td>${item.delivery}</td>
<td>${app.f7.mod.helper.showDate(item.d_created)}</td>
<td class="label-cell">
<div class="input-dropdown-wrap"><select name="status${k}" class="field " @change="${() => save(k)}">
${optStatus.map((item2) => $h`
<option value="${item2.k}" ${item2.k == item.status ? 'selected="selected"' : ''}>${item2.v}</option>
`)}
</select>
</div>
</td>
</tr>
`)}
${list.length == 0 ? $h`
<tr><td colspan="6">${app.f7.mod.helper.lng('noEntries')}</td></tr>
` : ''}
`}
the selected="selected is never outputed, if i remove the white space
<option value="${item2.k}"${item2.k == item.status ? 'selected="selected"' : ''}>${item2.v}
then it is rendered in the value attribute option. i have also tried with “$h” in if but nothing changed.