I am having an issue with rendering
<option> components in a
<select> dropdown. The use case is that I’m trying to render a list of layers present in the selected Artboard.
- On selection of the first Artboard (#1)
<option>s look good in the UI and DOM (attachments: 1_unselected_options.jpg & 1_selected options.jpg)
- If I select another Artboard (#2), the
<select>dropdown also looks good good in the UI and DOM (attachments: 2_unselected_options.jpg & 2_selected options.jpg).
- But when I re-select the first artboard, the
<select>dropdown UI does not render anything - but the proper data does appear to be shown in the DOM (attachments: 1_unselected_no_options.jpg & 1_selected_no_options.jpg)
The fact that the proper data appears in the DOM makes me wonder why the
<select> component is not properly displaying the list - the logic that populates the elements shown in the DOM is working properly.
Have been looking into this for a few hours without many good ideas or explanations - interested in hearing any ideas or clues.