starred/reiverr
1
0
Fork 0
mirror of https://github.com/aleksilassila/reiverr.git synced 2026-04-21 16:25:11 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: onFocus stopPropagation

Browse Source
This commit is contained in:
Aleksi Lassila
2024-04-05 17:34:08 +03:00
parent bd02bd3193
commit f272a130b0
2 changed files with 34 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/lib/components/SeriesPage/EpisodeCarousel.svelte
View File

@@ -66,10 +66,10 @@
let:hasFocus
class="mx-2 text-nowrap"
on:click={() => handleSelectSeason(season)}
handleFocus={(s, didNavigate) => {
handleFocus={(s, options) => {
const element = s.getHtmlElement();
if (element) scrollElementIntoView(element, { horizontal: 64 });
if (didNavigate) handleSelectSeason(season);
if (options.didNavigate) handleSelectSeason(season);
}}
bind:this={containers[`season-${season.season_number}`]}
>
@@ -90,10 +90,10 @@
<Container
class="mx-2"
bind:this={containers[`episode-${episode.id}`]}
handleFocus={(s, didNavigate) => {
handleFocus={(s, options) => {
scrollIntoView({ left: 64 + 16 })(s);
selectedTmdbEpisode = episode;
if (didNavigate) handleFocusEpisode(episode);
if (options.didNavigate) handleFocusEpisode(episode);
}}
>
<EpisodeCard {episode} />