wip: set focus on a page wrapper when load more button is pressed

boudicca-events · May 28, 2024 · f74a114 · f74a114
1 parent e1497be
commit f74a114
Showing 1 changed file with 9 additions and 9 deletions.
diff --git a/boudicca.base/publisher-event-html/src/main/resources/static/js/main.js b/boudicca.base/publisher-event-html/src/main/resources/static/js/main.js
@@ -165,15 +165,15 @@ document.addEventListener("DOMContentLoaded", () => {
       onLoadMoreButtonBehaviour(ssrDomEventString);
       const newEvents = parser.parseFromString(ssrDomEventString, "text/html");
 
-      // const pageWrapper = document.createElement("div")
-      // pageWrapper.tabIndex = -1
-      // pageWrapper.classList.add("events-page")
-      // pageWrapper.classList.add("events-grid")
-      // pageWrapper.append(...newEvents.body.children)
-      //
-      // setTimeout(() => pageWrapper.focus(), 50)
-
-      eventsContainer.append(...newEvents.body.children);
+      const pageWrapper = document.createElement("div")
+      pageWrapper.tabIndex = -1
+      pageWrapper.classList.add("events-page")
+      pageWrapper.classList.add("events-grid")
+      pageWrapper.append(...newEvents.body.children)
+
+      setTimeout(() => pageWrapper.focus(), 50)
+
+      eventsContainer.append(pageWrapper);
       goTo(`/search?${paramsAsString}`);
     } catch (e) {
       console.error(e);