Extend Foundry's MultiSelectElement so that I can provide a label to it

module/Apps/elements/CustomMultiSelect.mjs

@@ -0,0 +1,21 @@
+const { HTMLMultiSelectElement } = foundry.applications.elements;
+
+export class CustomMultiSelect extends HTMLMultiSelectElement {
+	static tagName = `stats-tracker-multi-select`;
+
+	get placeholder() {
+		return this.getAttribute(`placeholder`);
+	};
+
+	_buildElements() {
+		const [ tags, select ] = super._buildElements();
+
+		const label = document.createElement(`div`);
+		label.ariaHidden = true;
+		label.innerHTML = game.i18n.localize(this.placeholder);
+
+		select.ariaLabel = game.i18n.localize(this.placeholder);
+
+		return [ label, tags, select ];
+	};
+};

module/Apps/elements/_index.mjs

@@ -0,0 +1,19 @@
+import { CustomMultiSelect } from "./CustomMultiSelect.mjs";
+import { Logger } from "../../utils/Logger.mjs";
+
+const components = [
+	CustomMultiSelect,
+];
+
+export function registerCustomComponents() {
+	(CONFIG.CACHE ??= {}).componentListeners ??= [];
+	for (const component of components) {
+		if (!window.customElements.get(component.tagName)) {
+			Logger.debug(`Registering component "${component.tagName}"`);
+			window.customElements.define(
+				component.tagName,
+				component,
+			);
+		};
+	}
+};