bigbuffet/pleroma
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Gameboy: focus the div after entering fullscreen

Browse source
This commit is contained in:
Alex Gleason 2023-11-24 22:39:42 -06:00
parent a317152e3f
commit c17b193ca1
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
1 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/gameboy.tsx
View file

@ -95,11 +95,17 @@ const Gameboy: React.FC<IGameboy> = ({ className, src, aspect = 'normal', onFocu
}; };
}, []); }, []);
useEffect(() => {
if (fullscreen) {
node.current?.focus();
}
}, [fullscreen]);
return ( return (
<div <div
ref={node} ref={node}
tabIndex={0} tabIndex={0}
className={clsx(className, 'relative')} className={clsx(className, 'relative outline-none')}
onFocus={onFocus ?? handleFocus} onFocus={onFocus ?? handleFocus}
onBlur={onBlur ?? handleBlur} onBlur={onBlur ?? handleBlur}
> >