From ae7af1998d24e96386ebfff143bf34c52e88ce73 Mon Sep 17 00:00:00 2001 From: Malaber Date: Mon, 17 Mar 2025 15:48:26 +0100 Subject: [PATCH] Focus baby, Focus! --- js/components/FavoriteBar.js | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/js/components/FavoriteBar.js b/js/components/FavoriteBar.js index f29fa75..1312bd2 100644 --- a/js/components/FavoriteBar.js +++ b/js/components/FavoriteBar.js @@ -10,6 +10,7 @@ export function FavoriteBar({teams}) { const [searchQuery, setSearchQuery] = useState(''); const headingRef = useRef(null); const favoriteBarRef = useRef(null); + const scrollButtonRef = useRef(null); useEffect(() => { const savedFavorite = localStorage.getItem('favoriteTeam'); @@ -45,6 +46,9 @@ export function FavoriteBar({teams}) { localStorage.setItem('favoriteTeam', team.id); setIsPulsing(true); headingRef.current.scrollIntoView({behavior: 'smooth', block: 'center'}); + if (scrollButtonRef.current) { + scrollButtonRef.current.focus(); + } } setIsVisible(false); // Close the favorite menu }; @@ -104,6 +108,7 @@ export function FavoriteBar({teams}) { title="Zum aktuellen Spiel des Favoriten springen" onClick={scrollToFavorite} className={isPulsing ? 'pulse-animation' : ''} + innerRef={scrollButtonRef} >