Description
The MultipleChoice component in the Lit renderer (renderers/lit) contains two significant bugs that prevent it from functioning correctly and rendering valid HTML.
Issues
1. Invalid HTML Attribute Binding
Location: renderers/lit/src/0.8/ui/multiple-choice.ts
The code incorrectly binds the option value directly as an attribute name:
// Current Code
return html`<option ${option.value}>${label}</option>`;
Result: Renders as <option valueContent>Label</option>, which is invalid HTML for a value binding.
2. Missing State Reflection
The component fails to bind the selected value to the <select> element. The UI always displays the default (first) option even if the model has a different selection.
Expected Behavior
- Options should render as
<option value="valueContent">Label</option>.
- The dropdown should show the option corresponding to
this.selections as selected.