From 291766d2c27fc072522b7d25bf06300329cc080e Mon Sep 17 00:00:00 2001
From: Ivan Velev <vanecat@gmail.com>
Date: Sat, 5 Feb 2022 16:05:22 -0800
Subject: [PATCH] vue ui DOM must come before the init JS

---
 pywb/templates/banner.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/pywb/templates/banner.html b/pywb/templates/banner.html
index 0e365463..bb6aeacc 100644
--- a/pywb/templates/banner.html
+++ b/pywb/templates/banner.html
@@ -31,16 +31,16 @@ window.banner_info = {
 
 {% else %}
 
+{% if ui.vue_timeline_banner %}
+<div id="app" style="width: 100%; height: 200px"></div>
+{% endif %}
+
 <link rel='stylesheet' href='{{ static_prefix }}/vue_banner.css'/>
 <script src="{{ static_prefix }}/vue/vueui.js"></script>
 <script>
   VueUI.main("{{ static_prefix }}", "{{ url }}", "{{ wb_prefix }}", "{{ timestamp }}", "{{ ui.logo }}");
 </script>
 
-{% if ui.vue_timeline_banner %}
-<div id="app" style="width: 100%; height: 200px"></div>
-{% endif %}
-
 
 {% endif %}