mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 10:21:05 +00:00
fix(multi-select): non-filterable MultiSelect
should dispatch a blur event (#1080)
The non-filterable `MultiSelect` is missing a `blur` event. Implementation-wise, we have to dispatch it and include the event as the `detail`. Otherwise, the filterable variant will dispatch "blur" twice because it has both a button and input. The filterable `MultiSelect` continues to forward the blur event to the input.
This commit is contained in:
parent
1939e4328d
commit
63f52b4683
7 changed files with 23 additions and 9 deletions
|
@ -1,4 +1,8 @@
|
|||
<script>
|
||||
/**
|
||||
* @event {FocusEvent | CustomEvent<FocusEvent>} blur
|
||||
*/
|
||||
|
||||
/**
|
||||
* @typedef {any} MultiSelectItemId
|
||||
* @typedef {string} MultiSelectItemText
|
||||
|
@ -337,6 +341,9 @@
|
|||
if (inputRef) inputRef.focus();
|
||||
}
|
||||
}}"
|
||||
on:blur="{(e) => {
|
||||
if (!filterable) dispatch('blur', e);
|
||||
}}"
|
||||
id="{id}"
|
||||
disabled="{disabled}"
|
||||
translateWithId="{translateWithId}"
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue