Mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-02-24 08:48:47 +01:00
Code Issues Projects Releases Packages Wiki Activity

Fix radio inputs intercept arrow keys

Browse source
This commit is contained in:
Lim Chee Aun 2024-08-29 16:47:40 +08:00
parent 41af07c440
commit f3895d09e3
1 changed files with 17 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/pages/catchup.jsx
View file

@ -822,6 +822,22 @@ function Catchup() {
},
);
const handleArrowKeys = useCallback((e) => {
const activeElement = document.activeElement;
const isRadio =
activeElement?.tagName === 'INPUT' && activeElement.type === 'radio';
const isArrowKeys =
e.key === 'ArrowDown' ||
e.key === 'ArrowUp' ||
e.key === 'ArrowLeft' ||
e.key === 'ArrowRight';
if (isArrowKeys && isRadio) {
// Note: page scroll won't trigger on first arrow key press due to this. Subsequent presses will.
activeElement.blur();
return;
}
}, []);
return (
<div
ref={(node) => {
@ -883,7 +899,7 @@ function Catchup() {
</div>
</div>
</header>
<main>
<main onKeyDown={handleArrowKeys}>
{uiState === 'start' && (
<div class="catchup-start">
<h1>