Merge branch 'alpha' into fix/context-menu-position

Author: mtrezza

changelogs/CHANGELOG_alpha.md

@@ -1,3 +1,10 @@
+# [7.2.0-alpha.3](https://github.com/parse-community/parse-dashboard/compare/7.2.0-alpha.2...7.2.0-alpha.3) (2025-05-19)
+
+
+### Features
+
+* Keyboard Enter key can be used to select item in data browser filter dialog field dropdown ([#2771](https://github.com/parse-community/parse-dashboard/issues/2771)) ([dc14710](https://github.com/parse-community/parse-dashboard/commit/dc14710b63b0dc79ae52b322c683204941c4cb11))
+
 # [7.2.0-alpha.2](https://github.com/parse-community/parse-dashboard/compare/7.2.0-alpha.1...7.2.0-alpha.2) (2025-05-09)
 
 

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "parse-dashboard",
-  "version": "7.2.0-alpha.2",
+  "version": "7.2.0-alpha.3",
   "repository": {
     "type": "git",
     "url": "https://github.com/parse-community/parse-dashboard"

package.json

@@ -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] || userInput,
+      });
     } else if (e.keyCode === 9) {
       // Tab
       // do not type it

src/components/Autocomplete/Autocomplete.react.js

@@ -29,6 +29,7 @@
   color: #0e69a1;
   cursor: pointer;
   font-weight: 500;
+  background: rgba(255, 255, 255, 0.1) !important;
 }
 
 .suggestions li:not(:last-of-type) {