From 8945e55900ad0b200f86724b13100c2db2e801b9 Mon Sep 17 00:00:00 2001
From: rash <rash@rash.codes>
Date: Fri, 13 Mar 2026 13:24:31 +0100
Subject: [PATCH] resolve migration TODOs: properly refocus parent on
 navigations

---
 .../widget/src/components/EventForm.vue            | 14 ++++++--------
 .../widget/src/components/EventList.vue            | 12 +++++++-----
 2 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/pretix/static/pretixpresale/widget/src/components/EventForm.vue b/src/pretix/static/pretixpresale/widget/src/components/EventForm.vue
index 5b8a8f1b1..b17041c21 100644
--- a/src/pretix/static/pretixpresale/widget/src/components/EventForm.vue
+++ b/src/pretix/static/pretixpresale/widget/src/components/EventForm.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, inject, ref, watch, onMounted, onBeforeUnmount } from 'vue'
+import { computed, inject, ref, watch, onMounted, onBeforeUnmount, nextTick } from 'vue'
 import { StoreKey } from '~/sharedStore'
 import { STRINGS } from '~/i18n'
 import Category from './Category.vue'
@@ -45,7 +45,7 @@ const hiddenParams = computed(() => {
 
 const showVoucherForm = computed(() => store.vouchersExist && !store.disableVouchers && !store.voucherCode)
 
-function backToList () {
+async function backToList () {
 	store.targetUrl = store.parentStack.pop() || store.targetUrl
 	store.error = null
 	if (!store.subevent) {
@@ -66,12 +66,10 @@ function backToList () {
 		store.view = 'weeks'
 	}
 
-	// TODO
-	// let $el = this.$root.$el
-	// this.$root.$nextTick(function () {
-	// 	// wait for redraw, then focus content element for better a11y
-	// 	$el.focus()
-	// })
+	// wait for redraw, then focus content element for better a11y
+	const rootEl = form.value?.closest('.pretix-widget-wrapper') as HTMLElement | null
+	await nextTick()
+	rootEl?.focus()
 }
 
 function calcItemsSelected () {
diff --git a/src/pretix/static/pretixpresale/widget/src/components/EventList.vue b/src/pretix/static/pretixpresale/widget/src/components/EventList.vue
index 1f632f087..b874675be 100644
--- a/src/pretix/static/pretixpresale/widget/src/components/EventList.vue
+++ b/src/pretix/static/pretixpresale/widget/src/components/EventList.vue
@@ -9,12 +9,12 @@ const store = inject(StoreKey)!
 
 const displayEventInfo = computed(() => store.displayEventInfo || (store.displayEventInfo === null && store.parentStack.length > 0))
 
-function backToCalendar () {
-	// TODO
+async function backToCalendar (event: MouseEvent) {
 	// make sure to always focus content element
-	// this.$nextTick(function () {
-	// 	this.$root.$el.focus()
-	// })
+	await nextTick()
+	const rootEl = (event.target as HTMLElement).closest('.pretix-widget-wrapper') as HTMLElement | null
+	rootEl?.focus()
+
 	store.offset = 0
 	store.appendEvents = false
 
@@ -37,6 +37,8 @@ function loadMore () {
 	store.loading++
 	store.reload()
 }
+
+console.log(store)
 </script>
 <template lang="pug">
 .pretix-widget-event-list