2 levels thanks to optgroups

[PhilippeMarcMeyer]

You may have noticed that I have developped a 2 level solution via optgroup

Using optgroups was not my idea but Jesús Ariel Guerra López's : https://github.com/jaguerra2017
but this time there are not jusr nice captions over options groups, the behave like a true 2 levels mumti-select menu :

<select id="dino-select" multiple="" size="3" >
	<optgroup label="Theropods">
		<option>Tyrannosaurus</option>
		<option>Velociraptor</option>
		<option>Deinonychus</option>
	</optgroup>
	<optgroup label="Sauropods">
		<option>Diplodocus</option>
		<option>Saltasaurus</option>
		<option>Apatosaurus</option>
	</optgroup>
</select>

let selectDinos = new vanillaSelectBox("#dino-select",
    {"maxHeight": 300,
    "search": true,
    translations: { "all": "All", "items": "Dinos" } 
    });

What do you think ?

Philippe

ps : the groups are selected/unselected via a click on the name of the group (no checkbox here)

[PhilippeMarcMeyer]

Now it works also with remote search