Fix Alpine.js tabs on new event pages

1 files changed, 4 insertions, 4 deletions

diff --git a/views/newevent.handlebars b/views/newevent.handlebars
index 932479b..d6d7024 100755
--- a/views/newevent.handlebars
+++ b/views/newevent.handlebars
@@ -18,7 +18,7 @@
   <i class="fas fa-exclamation-circle"></i> Events are visible to anyone who knows the link.
 </div>
 
-<div id="newEventFormContainer" x-show="currentTab === 'event'">
+<div id="newEventFormContainer" x-show="currentTab === 'event'" style="display: none">
   <h4 class="mb-2">Create an event</h4>
   <form
     id="newEventForm"
@@ -45,11 +45,11 @@
   </form>
 </div>
 
-<div id="importEventFormContainer" x-show="currentTab === 'importEvent'">
+<div id="importEventFormContainer" x-show="currentTab === 'importEvent'" style="display: none">
   {{>importeventform}}
 </div>
 
-<div id="newEventGroupFormContainer" x-show="currentTab === 'group'">
+<div id="newEventGroupFormContainer" x-show="currentTab === 'group'" style="display: none">
   <h4 class="mb-2">Create an event group</h4>
   <p class="text-muted">An event group is a holding area for a set of linked events, like a recurring game night, a festival, or a band tour. You can share a public link to your event group just like an individual event link, and people who know the secret editing code will be able to add future events to the group.</p>
   <p class="text-muted">Event groups do not get automatically removed like events do, but events which have been removed from {{siteName}} will of course not show up in an event group.</p>
@@ -73,4 +73,4 @@
 
 <script src="/js/generate-timezones.js"></script>
 <script src="/js/modules/new.js"></script>
-<script src="/js/modules/group-linker.js"></script>
\ No newline at end of file
+<script src="/js/modules/group-linker.js"></script>