Enhance AutoComplete keyboard interaction for Space key
- Add dedicated handler for Space key press in AutoComplete - Trigger selection on Space key when a focused option exists - Maintain existing Enter key behavior for option selectionpull/7365/head
parent
1cd2eb4f15
commit
2e61789e4d
|
@ -387,10 +387,13 @@ export default {
|
||||||
|
|
||||||
case 'Enter':
|
case 'Enter':
|
||||||
case 'NumpadEnter':
|
case 'NumpadEnter':
|
||||||
case 'Space':
|
|
||||||
this.onEnterKey(event);
|
this.onEnterKey(event);
|
||||||
break;
|
break;
|
||||||
|
|
||||||
|
case 'Space':
|
||||||
|
this.onSpaceKey(event);
|
||||||
|
break;
|
||||||
|
|
||||||
case 'Escape':
|
case 'Escape':
|
||||||
this.onEscapeKey(event);
|
this.onEscapeKey(event);
|
||||||
break;
|
break;
|
||||||
|
@ -705,6 +708,11 @@ export default {
|
||||||
|
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
},
|
},
|
||||||
|
onSpaceKey(event) {
|
||||||
|
if (this.focusedOptionIndex !== -1) {
|
||||||
|
this.onEnterKey(event);
|
||||||
|
}
|
||||||
|
},
|
||||||
onEscapeKey(event) {
|
onEscapeKey(event) {
|
||||||
this.overlayVisible && this.hide(true);
|
this.overlayVisible && this.hide(true);
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
|
|
Loading…
Reference in New Issue