mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 10:21:05 +00:00
fix(ui-shell): prevent default behavior for Arrow{Up|Down} in HeaderSearch (#432)
This commit is contained in:
parent
95c5682669
commit
e9016a5f8d
1 changed files with 4 additions and 2 deletions
|
@ -223,12 +223,13 @@
|
||||||
on:focus
|
on:focus
|
||||||
on:blur
|
on:blur
|
||||||
on:keydown
|
on:keydown
|
||||||
on:keydown="{({ key }) => {
|
on:keydown="{(e) => {
|
||||||
switch (key) {
|
switch (e.key) {
|
||||||
case 'Enter':
|
case 'Enter':
|
||||||
selectResult();
|
selectResult();
|
||||||
break;
|
break;
|
||||||
case 'ArrowDown':
|
case 'ArrowDown':
|
||||||
|
e.preventDefault();
|
||||||
if (selectedResultIndex === results.length - 1) {
|
if (selectedResultIndex === results.length - 1) {
|
||||||
selectedResultIndex = 0;
|
selectedResultIndex = 0;
|
||||||
} else {
|
} else {
|
||||||
|
@ -236,6 +237,7 @@
|
||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
case 'ArrowUp':
|
case 'ArrowUp':
|
||||||
|
e.preventDefault();
|
||||||
if (selectedResultIndex === 0) {
|
if (selectedResultIndex === 0) {
|
||||||
selectedResultIndex = results.length - 1;
|
selectedResultIndex = results.length - 1;
|
||||||
} else {
|
} else {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue