[docs] Do not show 'Add' if user input matches existing option (#24333)

mui · Jan 10, 2021 · f8b846b · f8b846b
1 parent df073cd
commit f8b846b
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/docs/src/pages/components/autocomplete/FreeSoloCreateOption.js b/docs/src/pages/components/autocomplete/FreeSoloCreateOption.js
@@ -28,11 +28,13 @@ export default function FreeSoloCreateOption() {
       filterOptions={(options, params) => {
         const filtered = filter(options, params);
 
+        const { inputValue } = params;
         // Suggest the creation of a new value
-        if (params.inputValue !== '') {
+        const isExisting = options.some((option) => inputValue === option.title);
+        if (inputValue !== '' && !isExisting) {
           filtered.push({
-            inputValue: params.inputValue,
-            title: `Add "${params.inputValue}"`,
+            inputValue,
+            title: `Add "${inputValue}"`,
           });
         }
 

diff --git a/docs/src/pages/components/autocomplete/FreeSoloCreateOption.tsx b/docs/src/pages/components/autocomplete/FreeSoloCreateOption.tsx
@@ -28,11 +28,13 @@ export default function FreeSoloCreateOption() {
       filterOptions={(options, params) => {
         const filtered = filter(options, params);
 
+        const { inputValue } = params;
         // Suggest the creation of a new value
-        if (params.inputValue !== '') {
+        const isExisting = options.some((option) => inputValue === option.title);
+        if (inputValue !== '' && !isExisting) {
           filtered.push({
-            inputValue: params.inputValue,
-            title: `Add "${params.inputValue}"`,
+            inputValue,
+            title: `Add "${inputValue}"`,
           });
         }