mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-14 18:01:06 +00:00
Code Issues Projects Releases Packages Wiki Activity

Fix dropdown combobox focus (#447)

Browse source 
* fix(combo-box): selecting a different combobox should focus the input

* fix(dropdown): selecting a different dropdown should focus the button

* fix(combo-box): focus input if related target attribute is not "searchbox"
This commit is contained in:
Eric Liu 2020-12-05 11:36:41 -08:00 • committed by GitHub
commit f6877f3809
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/ComboBox/ComboBox.svelte
View file

@ -82,7 +82,7 @@
*/
export let listRef = null;
import { createEventDispatcher, afterUpdate } from "svelte";
import { createEventDispatcher, afterUpdate, tick } from "svelte";
import WarningFilled16 from "carbon-icons-svelte/lib/WarningFilled16";
import {
ListBox,
@ -173,9 +173,11 @@
<ListBoxField
role="button"
aria-expanded="{open}"
on:click="{() => {
on:click="{async () => {
if (disabled) return;
open = true;
await tick();
ref.focus();
}}"
id="{id}"
name="{name}"
@ -220,7 +222,8 @@
on:focus
on:blur
on:blur="{({ relatedTarget }) => {
if (relatedTarget && relatedTarget.getAttribute('role') !== 'button') {
if (!open || !relatedTarget) return;
if (relatedTarget.getAttribute('role') !== 'button' && relatedTarget.getAttribute('role') !== 'searchbox') {
ref.focus();
}
}}"