The Trans Directory
fix: add polyfill for broken tabindex on mac
+8
-8
+8
-8
quartz/components/scripts/search.inline.ts
+8
-8
quartz/components/scripts/search.inline.ts
···
134
134
const anchor = document.getElementsByClassName("result-card")[0] as HTMLInputElement | null
135
135
anchor?.click()
136
136
}
137
-
} else if (e.key === "ArrowDown") {
137
+
} else if (e.key === "ArrowUp" || (e.shiftKey && e.key === "Tab")) {
138
+
e.preventDefault()
139
+
if (results?.contains(document.activeElement)) {
140
+
// If an element in results-container already has focus, focus previous one
141
+
const prevResult = document.activeElement?.previousElementSibling as HTMLInputElement | null
142
+
prevResult?.focus()
143
+
}
144
+
} else if (e.key === "ArrowDown" || e.key === "Tab") {
138
145
e.preventDefault()
139
146
// When first pressing ArrowDown, results wont contain the active element, so focus first element
140
147
if (!results?.contains(document.activeElement)) {
···
144
151
// If an element in results-container already has focus, focus next one
145
152
const nextResult = document.activeElement?.nextElementSibling as HTMLInputElement | null
146
153
nextResult?.focus()
147
-
}
148
-
} else if (e.key === "ArrowUp") {
149
-
e.preventDefault()
150
-
if (results?.contains(document.activeElement)) {
151
-
// If an element in results-container already has focus, focus previous one
152
-
const prevResult = document.activeElement?.previousElementSibling as HTMLInputElement | null
153
-
prevResult?.focus()
154
154
}
155
155
}
156
156
}