Lomanic/bibliogram
1
0
Fork 0
mirror of https://git.sr.ht/~cadence/bibliogram synced 2024-11-14 04:17:30 +00:00
Code Issues Releases Wiki Activity

Set and preserve focus when showing post overlay

Browse Source
This commit is contained in:
Cadence Ember 2021-08-08 16:29:18 +12:00
parent c5bd24f9d4
commit f14837be44
No known key found for this signature in database
GPG Key ID: BC1C2C61CF521B17
1 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/site/html/static/js/post_overlay.js
View File

@ -5,6 +5,7 @@ import {quota} from "./quota.js"
/** @type {PostOverlay[]} */
const postOverlays = []
const titleHistory = []
const focusHistory = []
titleHistory.push(document.title)
const shortcodeDataMap = new Map()
@ -28,6 +29,10 @@ window.addEventListener("popstate", event => {
titleHistory.pop()
document.title = titleHistory.slice(-1)[0]
}
if (focusHistory.length) {
const item = focusHistory.pop()
item.focus()
}
if (postOverlays.length) {
popOverlay()
} else {
@ -38,6 +43,7 @@ window.addEventListener("popstate", event => {
function pushOverlay(overlay) {
postOverlays.push(overlay)
focusHistory.push(document.activeElement)
document.body.style.overflowY = "hidden"
}
@ -82,6 +88,9 @@ class PostOverlay extends ElemJS {
this.html(html)
this.loaded = true
this.removeClass("loading")
setTimeout(() => {
this.element.focus()
})
}
showError() {