Marown/heissepreise
1
0
Fork 0
mirror of https://github.com/badlogic/heissepreise.git synced 2024-06-24 09:25:53 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix IntersectionObserver entries below window size

Browse Source
This commit is contained in:
Christian Tschugg 2023-06-02 14:34:08 +02:00
parent 3b2cfa4bf9
commit 52f9fb32bf
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
site/utils.js
View File

@ -536,7 +536,9 @@ function newSearchComponent(
(entries) => {
console.log(entries);
for (const entry of entries) {
if (entry.intersectionRatio < 1) {
const clientRect = entry.target.getBoundingClientRect();
console.log(entry, clientRect.top, window.innerHeight)
if (entry.intersectionRatio < 0.999 && (clientRect.top + clientRect.height) < window.innerHeight) { // Fix Edge issue
entry.target.classList.add("wrapper--pinned");
} else {
entry.target.classList.remove("wrapper--pinned");
@ -545,7 +547,7 @@ function newSearchComponent(
},
{
rootMargin: "0px",
threshold: 1.0,
threshold: 0.999,
}
);
observer.observe(document.querySelector(".wrapper--search"));