From 610472ca4233a68989fa0b5abc2931e38208a721 Mon Sep 17 00:00:00 2001 From: Daniel Date: Sun, 27 Apr 2025 21:26:58 +1000 Subject: [PATCH 1/3] feature: accessibility options --- src/components/Autocomplete/Autocomplete.react.js | 11 +++++++++-- src/components/SuggestionsList/SuggestionsList.scss | 4 ++-- 2 files changed, 11 insertions(+), 4 deletions(-) diff --git a/src/components/Autocomplete/Autocomplete.react.js b/src/components/Autocomplete/Autocomplete.react.js index 4904fffc9f..177185b300 100644 --- a/src/components/Autocomplete/Autocomplete.react.js +++ b/src/components/Autocomplete/Autocomplete.react.js @@ -251,10 +251,17 @@ export default class Autocomplete extends Component { // Enter const { userInput } = this.state; - if (e.keyCode === 13) { - if (userInput && userInput.length > 0) { + if (e.keyCode === 13 || e.key === 'Enter') { + if (userInput && userInput.length > 0 && this.props.onSubmit) { this.props.onSubmit(userInput); } + + this.setState({ + active: true, + activeSuggestion: 0, + showSuggestions: false, + userInput: filteredSuggestions[activeSuggestion], + }); } else if (e.keyCode === 9) { // Tab // do not type it diff --git a/src/components/SuggestionsList/SuggestionsList.scss b/src/components/SuggestionsList/SuggestionsList.scss index 1314d0ba8f..dd0a043621 100644 --- a/src/components/SuggestionsList/SuggestionsList.scss +++ b/src/components/SuggestionsList/SuggestionsList.scss @@ -24,11 +24,11 @@ font-family:"Open Sans", sans-serif; } -.active, -.suggestions li:hover { +.active, .suggestions li:hover { color: #0e69a1; cursor: pointer; font-weight: 500; + background: rgba(255, 255, 255, 0.1) !important; } .suggestions li:not(:last-of-type) { From 0806b87a5532aefdae2effc13c56a3612be50dde Mon Sep 17 00:00:00 2001 From: Daniel Date: Sun, 27 Apr 2025 21:28:19 +1000 Subject: [PATCH 2/3] Update SuggestionsList.scss --- src/components/SuggestionsList/SuggestionsList.scss | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/components/SuggestionsList/SuggestionsList.scss b/src/components/SuggestionsList/SuggestionsList.scss index dd0a043621..b0662a7f3f 100644 --- a/src/components/SuggestionsList/SuggestionsList.scss +++ b/src/components/SuggestionsList/SuggestionsList.scss @@ -24,7 +24,8 @@ font-family:"Open Sans", sans-serif; } -.active, .suggestions li:hover { +.active, +.suggestions li:hover { color: #0e69a1; cursor: pointer; font-weight: 500; From 416dbbaa46efea9df1dc083841b2f694373f6e74 Mon Sep 17 00:00:00 2001 From: Daniel Date: Sun, 18 May 2025 21:08:42 +1000 Subject: [PATCH 3/3] Update Autocomplete.react.js --- src/components/Autocomplete/Autocomplete.react.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/Autocomplete/Autocomplete.react.js b/src/components/Autocomplete/Autocomplete.react.js index 177185b300..705d78dab4 100644 --- a/src/components/Autocomplete/Autocomplete.react.js +++ b/src/components/Autocomplete/Autocomplete.react.js @@ -260,7 +260,7 @@ export default class Autocomplete extends Component { active: true, activeSuggestion: 0, showSuggestions: false, - userInput: filteredSuggestions[activeSuggestion], + userInput: filteredSuggestions[activeSuggestion] || userInput, }); } else if (e.keyCode === 9) { // Tab