Sticky button fix for firefox.
This commit is contained in:
@@ -24,7 +24,7 @@
|
|||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<label for="action" class="hide-on-small-screen"> </label>
|
<label for="action" class="hide-on-small-screen"> </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 });
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user