From a55df0be9034d2acab814e6f9ec023d29dee11e8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?J=C3=BCrgen=20Mummert?= Date: Sun, 1 Mar 2026 21:51:35 +0100 Subject: [PATCH] Force default grid layout in event filter initialization --- .../templates/frontend/event_filter.html.twig | 17 ++++++++++++++++- 1 file changed, 16 insertions(+), 1 deletion(-) diff --git a/contao/templates/frontend/event_filter.html.twig b/contao/templates/frontend/event_filter.html.twig index 5cc9c68..6ee9cfb 100644 --- a/contao/templates/frontend/event_filter.html.twig +++ b/contao/templates/frontend/event_filter.html.twig @@ -47,11 +47,26 @@ const targetEventListId = filters.dataset.eventlistId || 'eventlist'; const list = document.getElementById(targetEventListId); + const applyDefaultGrid = (targetList) => { + if (!targetList) { + return; + } + + targetList.classList.add('event-filter-target-list'); + + targetList.style.display = 'grid'; + targetList.style.gridTemplateColumns = 'repeat(auto-fill, minmax(240px, 1fr))'; + targetList.style.gap = '1rem'; + }; + if (!list) { console.warn(`[event_filter] Target event list #${targetEventListId} was not found.`); + window.addEventListener('DOMContentLoaded', () => { + applyDefaultGrid(document.getElementById(targetEventListId)); + }, { once: true }); } - list?.classList.add('event-filter-target-list'); + applyDefaultGrid(list); const events = list ? Array.from(list.querySelectorAll(':scope > .event')) : []; const tagSelect = filters.querySelector('#tag-filter');