focus management for issues

This commit is contained in:
mi
2025-11-14 18:52:29 +10:00
parent 04fa2073a6
commit 660e4a516f
4 changed files with 13 additions and 2 deletions

View File

@@ -414,6 +414,11 @@ main {
background: var(--color-background);
}
/* Remove outline when comic image container is focused programmatically (for keyboard nav) */
.comic-image:focus {
outline: none;
}
.comic-image a {
display: block;
cursor: pointer;

View File

@@ -124,6 +124,12 @@
// Update URL without reload
history.pushState({ comicId: comic.number }, '', `/comic/${comic.number}`);
// Move focus to comic image for keyboard navigation accessibility
const comicImageFocus = document.getElementById('comic-image-focus');
if (comicImageFocus) {
comicImageFocus.focus();
}
}
// Update or create comic image with optional mobile version