mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-21 12:49:20 +00:00
fix(file-uploader): move input outside of label to fix a11y error
Ref: https://github.com/carbon-design-system/carbon/pull/10444
This commit is contained in:
parent
32ce6c61c4
commit
f627e1b6f3
1 changed files with 19 additions and 19 deletions
|
@ -93,24 +93,24 @@
|
|||
{labelText}
|
||||
</slot>
|
||||
</div>
|
||||
<input
|
||||
bind:this="{ref}"
|
||||
type="file"
|
||||
tabindex="-1"
|
||||
id="{id}"
|
||||
disabled="{disabled}"
|
||||
accept="{accept}"
|
||||
name="{name}"
|
||||
multiple="{multiple}"
|
||||
class:bx--file-input="{true}"
|
||||
on:change
|
||||
on:change="{({ target }) => {
|
||||
dispatch('add', validateFiles(target.files));
|
||||
}}"
|
||||
on:click
|
||||
on:click="{({ target }) => {
|
||||
target.value = null;
|
||||
}}"
|
||||
/>
|
||||
</label>
|
||||
<input
|
||||
bind:this="{ref}"
|
||||
type="file"
|
||||
tabindex="-1"
|
||||
id="{id}"
|
||||
disabled="{disabled}"
|
||||
accept="{accept}"
|
||||
name="{name}"
|
||||
multiple="{multiple}"
|
||||
class:bx--file-input="{true}"
|
||||
on:change
|
||||
on:change="{({ target }) => {
|
||||
dispatch('add', validateFiles(target.files));
|
||||
}}"
|
||||
on:click
|
||||
on:click="{({ target }) => {
|
||||
target.value = null;
|
||||
}}"
|
||||
/>
|
||||
</div>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue