starred/reiverr
1
0
Fork 0
mirror of https://github.com/aleksilassila/reiverr.git synced 2026-04-26 18:55:12 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: Custom scrollIntoView function with offsets and onFocus handlers for containers

Browse Source
This commit is contained in:
Aleksi Lassila
2024-04-05 12:51:11 +03:00
parent 754227737b
commit b436e809de
12 changed files with 275 additions and 162 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/Container.svelte
View File

@@ -2,7 +2,7 @@
<script lang="ts">
import { onMount } from 'svelte';
import { type NavigationActions, type RevealStrategy, Selectable } from './lib/selectable';
import { type NavigationActions, type FocusHandler, Selectable } from './lib/selectable';
import classNames from 'classnames';
export let name: string = '';
@@ -12,8 +12,7 @@
export let canFocusEmpty = true;
export let trapFocus = false;
export let debugOutline = false;
export let revealStrategy: RevealStrategy | undefined = undefined; //TODO: change to on:focus
export let childrenRevealStrategy: RevealStrategy | undefined = undefined;
export let handleFocus: (selectable: Selectable) => void = () => {};
export let active = true;
@@ -23,10 +22,9 @@
.setDirection(direction === 'grid' ? 'horizontal' : direction)
.setGridColumns(gridCols)
.setNavigationActions(navigationActions)
.setRevealStrategy(revealStrategy)
.setChildrenRevealStrategy(childrenRevealStrategy)
.setTrapFocus(trapFocus)
.setCanFocusEmpty(canFocusEmpty)
.setOnFocus(handleFocus)
.getStores();
export const container = rest.container;
export const hasFocus = rest.hasFocus;