Sticky button fix for firefox.

This commit is contained in:
izerozlu
2019-08-30 16:48:58 +03:00
parent 6bceab7488
commit ad073427b3

View File

@@ -24,7 +24,7 @@
</li> </li>
<li> <li>
<label for="action" class="hide-on-small-screen">&nbsp;</label> <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> </li>
</ul> </ul>
</pw-section> </pw-section>
@@ -533,10 +533,10 @@
}, },
observeRequestButton() { observeRequestButton() {
const requestElement = this.$refs.request.$el; const requestElement = this.$refs.request.$el;
const sendButton = this.$refs.sendButton; const sendButtonElement = this.$refs.sendButton;
const observer = new IntersectionObserver((entries, observer) => { const observer = new IntersectionObserver((entries, observer) => {
entries.forEach(entry => { entries.forEach(entry => {
sendButton.className = entry.isIntersecting ? '' : 'show'; sendButtonElement.classList.toggle('show');
}); });
}, { threshold: 1 }); }, { threshold: 1 });