btwedutech/hoppscotch
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

Merge pull request #109 from guastallaigor/fix-intersection-button-send

Browse Source 
Works in chrome. Ok for now but needs checks and improvements on other browsers, eg. Firefox.
This commit is contained in:
izerozlu
2019-08-30 16:40:16 +03:00
committed by GitHub
parent 8d90875e18 daa491cd17
commit 3d617811b5
1 changed files with 10 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
pages/index.vue
View File

@@ -531,22 +531,16 @@
if (this[key]) this[key] = queries[key];
}
},
observeRequestButton: function () {
let isTheInitialIntersection = true;
const sendButtonElement = this.$refs.sendButton;
const requestElement = this.$refs.request.$el;
const observer = new IntersectionObserver((entries, observer) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
if (!isTheInitialIntersection) {
sendButtonElement.classList.toggle('show');
} else {
isTheInitialIntersection = false;
}
}
});
}, {threshold: 1});
observer.observe(requestElement);
observeRequestButton() {
const requestElement = this.$refs.request.$el;
const sendButton = this.$refs.sendButton;
const observer = new IntersectionObserver((entries, observer) => {
entries.forEach(entry => {
sendButton.className = entry.isIntersecting ? '' : 'show';
});
}, { threshold: 1 });
observer.observe(requestElement);
}
},
created() {