added aria-expanded to the dropdown triggers

This commit is contained in:
Gani Georgiev
2024-04-05 23:15:11 +03:00
parent a9d468a863
commit 4dc8a10af5
37 changed files with 60 additions and 60 deletions
@@ -3,13 +3,13 @@
</script>
<script>
import tooltip from "@/actions/tooltip";
import Field from "@/components/base/Field.svelte";
import Toggler from "@/components/base/Toggler.svelte";
import { errors, setErrors } from "@/stores/errors";
import CommonHelper from "@/utils/CommonHelper";
import { createEventDispatcher, onMount } from "svelte";
import { slide } from "svelte/transition";
import CommonHelper from "@/utils/CommonHelper";
import tooltip from "@/actions/tooltip";
import { errors, setErrors } from "@/stores/errors";
import Toggler from "@/components/base/Toggler.svelte";
import Field from "@/components/base/Field.svelte";
const componentId = "f_" + CommonHelper.randomString(8);
@@ -198,6 +198,7 @@
class:btn-hint={!showOptions && !hasErrors}
class:btn-danger={hasErrors}
on:click={toggle}
aria-expanded={showOptions}
>
<i class="ri-settings-3-line" />
</button>
@@ -1,13 +1,13 @@
<script>
import CommonHelper from "@/utils/CommonHelper";
import tooltip from "@/actions/tooltip";
import Field from "@/components/base/Field.svelte";
import Toggler from "@/components/base/Toggler.svelte";
import ObjectSelect from "@/components/base/ObjectSelect.svelte";
import MimeTypeSelectOption from "@/components/base/MimeTypeSelectOption.svelte";
import MultipleValueInput from "@/components/base/MultipleValueInput.svelte";
import ObjectSelect from "@/components/base/ObjectSelect.svelte";
import Toggler from "@/components/base/Toggler.svelte";
import SchemaField from "@/components/collections/schema/SchemaField.svelte";
import baseMimeTypesList from "@/mimes.js";
import CommonHelper from "@/utils/CommonHelper";
export let field;
export let key = "";
@@ -117,12 +117,7 @@
bind:keyOfSelected={field.options.mimeTypes}
/>
<div class="help-block">
<div
tabindex="0"
role="button"
aria-label="More collection options"
class="inline-flex flex-gap-0"
>
<div tabindex="0" role="button" class="inline-flex flex-gap-0">
<span class="txt link-primary">Choose presets</span>
<i class="ri-arrow-drop-down-fill" aria-hidden="true" />
<Toggler class="dropdown dropdown-sm dropdown-nowrap dropdown-left">