osmarks/website
1
0
Fork 0
mirror of https://github.com/osmarks/website synced 2024-12-23 08:30:44 +00:00
Code Issues Releases Wiki Activity

Disable overscroll harder

Browse Source
This commit is contained in:
osmarks 2024-08-31 18:48:00 +01:00
parent e1a5a51238
commit ed9b8cd382
1 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/page.js
View File

@ -598,6 +598,13 @@ const nameMappings = {
"mycorrhiza": "Documentation"
}
const closeOverlay = () => {
if (document.querySelector(".search-overlay")) {
document.querySelector(".search-overlay").remove()
}
document.querySelector("html").style.overscrollBehavior = "none"
}
// replace login navbar option with search because whatever
const loginButton = document.querySelector("nav a:last-of-type")
loginButton.href = "#"
@ -608,6 +615,7 @@ loginButton.onclick = async ev => {
const overlay = document.createElement("div")
overlay.classList.add("search-overlay")
document.body.appendChild(overlay)
document.querySelector("html").style.overscrollBehavior = "none"
const input = document.createElement("input")
input.type = "text"
input.placeholder = "Search"
@ -638,7 +646,7 @@ loginButton.onclick = async ev => {
if (ev.key === "Enter" || ev.key === "Backspace") {
if (input.value === "") {
// quit search mode
overlay.remove()
closeOverlay()
}
}
}
@ -648,8 +656,6 @@ loginButton.onclick = async ev => {
window.addEventListener("keydown", ev => {
if (ev.key === "Escape") {
if (document.querySelector(".search-overlay")) {
document.querySelector(".search-overlay").remove()
}
closeOverlay()
}
})