helpy4/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich synced 2025-11-07 17:27:20 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(web): rating stars accessibility (#11966)

Browse source 
* fix(web): exif ratings accessibility

* chore: add tests

* fix: eslint errors

* fix: clean up issues from changes in use:focusOutside
This commit is contained in:
Ben 2024-08-23 12:34:12 -04:00 • committed by GitHub
parent 7fbf50a75e
commit c14e2914f8
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
7 changed files with 180 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

5
web/src/lib/components/shared-components/search-bar/search-bar.svelte
View file

@ -2,7 +2,6 @@
import { AppRoute } from '$lib/constants';
import { goto } from '$app/navigation';
import { isSearchEnabled, preventRaceConditionSearchBar, savedSearchTerms } from '$lib/stores/search.store';
import { clickOutside } from '$lib/actions/click-outside';
import { mdiClose, mdiMagnify, mdiTune } from '@mdi/js';
import SearchHistoryBox from './search-history-box.svelte';
import SearchFilterBox from './search-filter-box.svelte';
@ -142,7 +141,7 @@
]}
/>
<div class="w-full relative" use:clickOutside={{ onOutclick: onFocusOut }} use:focusOutside={{ onFocusOut }}>
<div class="w-full relative" use:focusOutside={{ onFocusOut }} tabindex="-1">
<form
draggable="false"
autocomplete="off"
@ -153,7 +152,7 @@
on:focusin={onFocusIn}
role="search"
>
<div use:focusOutside={{ onFocusOut: closeDropdown }}>
<div use:focusOutside={{ onFocusOut: closeDropdown }} tabindex="-1">
<label for="main-search-bar" class="sr-only">{$t('search_your_photos')}</label>
<input
type="text"