Instead of using the <select> tag to setup the options have another API "path" that would make use of custom elements. This would allow just about any markup in the options (and the groups).
So things could look something like:
<much-select>
<much-select-option option-value="fun" slot="much-select-option-fun">
<h1>Hurray!</h1>
<p>So much fun</p>
</much-select-option>
<much-select-option option-value="bear" slot="much-select-option-bear">
<h2>Another one</h2>
<img src="a/picture.jpg">
</much-select-option>
</much-select>
I think things will work out better if each option has it's own unique slot.
Instead of using the
<select>tag to setup the options have another API "path" that would make use of custom elements. This would allow just about any markup in the options (and the groups).So things could look something like:
I think things will work out better if each option has it's own unique slot.