remove splash when it's done

1 files changed, 5 insertions, 1 deletions

diff --git a/src/App.js b/src/App.js
index d2dd35c7..e87108dd 100644
--- a/src/App.js
+++ b/src/App.js
@@ -146,7 +146,11 @@ export default {
     },
     removeSplash () {
       document.querySelector('#status').textContent = this.$t('splash.fun_' + Math.ceil(Math.random() * 4))
-      document.querySelector('#splash').classList.add('hidden')
+      const splashscreenRoot = document.querySelector('#splash')
+      splashscreenRoot.addEventListener('transitionend', () => {
+        splashscreenRoot.remove()
+      })
+      splashscreenRoot.classList.add('hidden')
       document.querySelector('#app').classList.remove('hidden')
     }
   }