From 03e8bdfe0bbee8ab9be7b846226a30ced94f9066 Mon Sep 17 00:00:00 2001
From: trendschau <trendschau@gmail.com>
Date: Thu, 12 Dec 2024 14:42:24 +0100
Subject: [PATCH] V2.12.0 fix error open close for safari

---
 system/typemill/author/js/vue-themes.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/system/typemill/author/js/vue-themes.js b/system/typemill/author/js/vue-themes.js
index 1cb22df..fecef4a 100644
--- a/system/typemill/author/js/vue-themes.js
+++ b/system/typemill/author/js/vue-themes.js
@@ -87,7 +87,10 @@ const app = Vue.createApp({
 								</div>
 								<div v-for="(fieldDefinition, fieldname) in theme.forms.fields">
 									<fieldset class="flex flex-wrap justify-between border-2 border-stone-200 p-4 my-8" v-if="fieldDefinition.type == 'fieldset'" :class="{ 'open': isOpen(fieldname) }">
-										<legend @click="toggleAccordion(fieldname)" class="float-left w-full py-2 text-lg font-medium cursor-pointer">{{ fieldDefinition.legend }} <span class="mt-2 float-right h-0 w-0 border-x-8 border-x-transparent" :class="isOpen(fieldname) ? 'border-b-8 border-b-black' : 'border-t-8 border-t-black'"></span></legend>
+										<div @click="toggleAccordion(fieldname)" class="flex justify-between w-full py-2 text-lg font-medium cursor-pointer">
+											<h3>{{ fieldDefinition.legend }}</h3> 
+											<span class="mt-2 h-0 w-0 border-x-8 border-x-transparent" :class="isOpen(fieldname) ? 'border-b-8 border-b-black' : 'border-t-8 border-t-black'"></span>
+										</div>
 										<transition name="accordion">
 									        <div v-if="isOpen(fieldname)" class="w-full accordion-content flex flex-wrap justify-between">
 												<component v-for="(subfieldDefinition, subfieldname) in fieldDefinition.fields"