diff options
| author | netop://ウィビ <paul@webb.page> | 2026-04-24 16:41:18 -0700 |
|---|---|---|
| committer | netop://ウィビ <paul@webb.page> | 2026-04-24 16:41:18 -0700 |
| commit | 85c05927989c712015ee82cea9b2917485a3f0e8 (patch) | |
| tree | 0166ecd43e2ac1a88b2fa45136cea7c36d568b8e /source/library/components/Splitter.svelte | |
| parent | c013ed57bf3d7dd83bd59a9b984d87aebde6003c (diff) | |
| download | graphiql-85c05927989c712015ee82cea9b2917485a3f0e8.tar.gz graphiql-85c05927989c712015ee82cea9b2917485a3f0e8.zip | |
Clear svelte-check warnings
- Splitter exposes aria-label/valuemin/valuemax/valuenow for screen
readers; suppress the noninteractive-role lints since role=separator is
legitimately interactive per WAI-ARIA but svelte-check uses a fixed
role list
- Suppress state_referenced_locally on storage/namespace/initialQuery in
GraphiQL.svelte — these are one-shot init props, not reactive inputs
Diffstat (limited to '')
| -rw-r--r-- | source/library/components/Splitter.svelte | 22 |
1 files changed, 21 insertions, 1 deletions
diff --git a/source/library/components/Splitter.svelte b/source/library/components/Splitter.svelte index f4138f2..73d0e10 100644 --- a/source/library/components/Splitter.svelte +++ b/source/library/components/Splitter.svelte @@ -1,13 +1,27 @@ <script lang="ts"> type Props = { + label?: string; + max?: number; + min?: number; onDrag: (dx: number, dy: number) => void; onDragEnd?: () => void; onDragStart?: () => void; onKeyAdjust?: (delta: number) => void; orientation: "horizontal" | "vertical"; + value?: number; }; - let { onDrag, onDragEnd, onDragStart, onKeyAdjust, orientation }: Props = $props(); + let { + label, + max, + min, + onDrag, + onDragEnd, + onDragStart, + onKeyAdjust, + orientation, + value + }: Props = $props(); let dragging = $state(false); let startX = $state(0); @@ -110,8 +124,14 @@ } </style> +<!-- svelte-ignore a11y_no_noninteractive_tabindex --> +<!-- svelte-ignore a11y_no_noninteractive_element_interactions --> <div + aria-label={label} aria-orientation={orientation} + aria-valuemax={max} + aria-valuemin={min} + aria-valuenow={value} class="splitter {orientation}" class:dragging onkeydown={onKeydown} |