From 66eac6a4858f4d9ce0e72f5dfc4e5e9fcac2a4f0 Mon Sep 17 00:00:00 2001
From: Chris Kankiewicz <Chris@ChrisKankiewicz.com>
Date: Tue, 22 Jun 2021 20:28:10 -0700
Subject: [PATCH] Fixed scroll to top button flash and initial visibility

---
 app/views/components/scroll-to-top.twig | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/views/components/scroll-to-top.twig b/app/views/components/scroll-to-top.twig
index 5094a0a..e3f14c7 100644
--- a/app/views/components/scroll-to-top.twig
+++ b/app/views/components/scroll-to-top.twig
@@ -1,4 +1,6 @@
-<div class="fixed bottom-0 left-0 right-0 pointer-events-none" x-data="{ visible: false }" x-show="visible" x-transition.opacity>
+<div class="fixed bottom-0 left-0 right-0 pointer-events-none" x-data="{ visible: false }"
+    x-init="visible = window.scrollY > 10" x-show="visible" x-transition.opacity
+>
     <div class="container flex justify-end mx-auto px-4 py-10 xl:max-w-screen-xl">
         <button title="{{ translate('scroll_to_top') }}"
             class="flex justify-center items-center w-12 h-12 right-0 rounded-full shadow-lg bg-blue-600 text-white cursor-pointer pointer-events-auto hover:bg-blue-700 dark:bg-purple-700 dark:hover:bg-purple-800"