Auto close pulldowns on outside click

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">

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

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

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 }}