From ad073427b3fa61cc1fffc09264ee04f56ff7f7bb Mon Sep 17 00:00:00 2001
From: izerozlu <izerozlu@gmail.com>
Date: Fri, 30 Aug 2019 16:48:58 +0300
Subject: [PATCH] Sticky button fix for firefox.

---
 pages/index.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/pages/index.vue b/pages/index.vue
index 4ad32d04e..af4e1bd9e 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -24,7 +24,7 @@
         </li>
         <li>
           <label for="action" class="hide-on-small-screen">&nbsp;</label>
-          <button id="action" name="action" @click="sendRequest" :disabled="!isValidURL" ref="sendButton">Send <span id="hidden-message">Again</span></button>
+          <button id="action"  class="show" name="action" @click="sendRequest" :disabled="!isValidURL" ref="sendButton">Send <span id="hidden-message">Again</span></button>
         </li>
       </ul>
     </pw-section>
@@ -533,10 +533,10 @@
       },
       observeRequestButton() {
         const requestElement = this.$refs.request.$el;
-        const sendButton = this.$refs.sendButton;
+        const sendButtonElement = this.$refs.sendButton;
         const observer = new IntersectionObserver((entries, observer) => {
           entries.forEach(entry => {
-           sendButton.className = entry.isIntersecting ? '' : 'show';
+           sendButtonElement.classList.toggle('show');
           });
         }, { threshold: 1 });