From 66837ec41dcec5949e5ad60f89640b9fa458cdc4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Thu, 26 Jan 2023 17:18:51 +0100
Subject: [PATCH] Auto close pulldowns on outside click

---
 .../Assets/js/myep/components/ParticipantAddressForm.vue        | 2 +-
 .../Private/Assets/js/myep/components/ParticipantSizesForm.vue  | 2 +-
 .../Private/Assets/js/myep/components/PickupSelect.vue          | 2 +-
 .../Private/Assets/js/myep/components/ServiceSelect.vue         | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ParticipantAddressForm.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ParticipantAddressForm.vue
index 48ffdb85..d1bad25f 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ParticipantAddressForm.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ParticipantAddressForm.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="relative">
+    <div class="relative" tabindex="0" @focusout="visible = false">
         <button class="button bg-button button--small w-full"
                 type="button"
                 @click.prevent="visible = !visible">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ParticipantSizesForm.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ParticipantSizesForm.vue
index 8d2a8315..b72b188b 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ParticipantSizesForm.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ParticipantSizesForm.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="relative" v-if="hasSelectedRentals">
+    <div class="relative" v-if="hasSelectedRentals" tabindex="0" @focusout="visible = false">
         <button class="button bg-button button--small" @click.prevent="visible = !visible">
             <span>
                 Größen
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/PickupSelect.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/PickupSelect.vue
index 2cda224b..af97c499 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/PickupSelect.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/PickupSelect.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="relative">
+    <div class="relative" tabindex="0" @focusout="visible = false">
         <button class="button bg-button button--small" @click.prevent="visible = !visible">
             <span>
                 Zustieg
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ServiceSelect.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ServiceSelect.vue
index 3920ebd0..d59e7cc0 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ServiceSelect.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ServiceSelect.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="relative" v-if="hasServices">
+    <div class="relative" v-if="hasServices" tabindex="0" @focusout="visible = false">
         <button class="button bg-button button--small" type="button" @click.prevent="visible = !visible">
             <span>
                 {{ subType.label }}