From b714bbeb1b249b96f9200ccdce39d13581fc0f68 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?J=C3=BCrgen=20Mummert?= Date: Mon, 23 Feb 2026 21:22:59 +0100 Subject: [PATCH] Blur Tom Select only for mouse and touch selection --- .../templates/frontend/event_filter.html.twig | 26 +++++++++++++++++++ 1 file changed, 26 insertions(+) diff --git a/contao/templates/frontend/event_filter.html.twig b/contao/templates/frontend/event_filter.html.twig index 12eb5b8..5f280cf 100644 --- a/contao/templates/frontend/event_filter.html.twig +++ b/contao/templates/frontend/event_filter.html.twig @@ -135,6 +135,8 @@ return null; } + let shouldBlurOnChange = false; + return new window.TomSelect(selectElement, { create: false, sortField: { @@ -149,6 +151,30 @@ return '
Keine weiteren Ergebnisse
'; }, }, + onInitialize() { + const markPointerInteraction = () => { + shouldBlurOnChange = true; + }; + + const markKeyboardInteraction = () => { + shouldBlurOnChange = false; + }; + + this.control.addEventListener('pointerdown', markPointerInteraction); + this.control.addEventListener('touchstart', markPointerInteraction, { passive: true }); + this.control.addEventListener('keydown', markKeyboardInteraction); + this.dropdown.addEventListener('pointerdown', markPointerInteraction); + this.dropdown.addEventListener('touchstart', markPointerInteraction, { passive: true }); + this.dropdown.addEventListener('keydown', markKeyboardInteraction); + }, + onChange() { + if (!shouldBlurOnChange) { + return; + } + + this.blur(); + shouldBlurOnChange = false; + }, }); };