trigger opening of a select element's UI

vanilla JavaScript attempt to support touch devices' UI for select elements already on tapping the corresponding label element

by Laberwurschd

HTML

<label for="color">favourite colour</label>
<select id="color" name="color">
  <option value="#00ff00">green</option>
  <option value="#ff0000">red</option>
  <option value="#0000ff">blue</option>
</select>

JavaScript

document.addEventListener("DOMContentLoaded", function () {

	// we want to blindly type in marks for a course's subject
	var labels = Array.from(
			document.querySelectorAll("label")
		);

	labels.forEach(function (l) {
		l.addEventListener("click", function () {
			window.setTimeout(
				function () {
					document.getElementById(l.htmlFor).click();
				},
				10
			);
		});
	});
});