question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Autocomplete] 'No options' text with freeSolo

See original GitHub issue
  • I have searched the issues of this repository and believe that this is not a duplicate.

Summary 💡

What if we allow input to display ‘No options’ text in Popper for case when we have freeSolo enabled? So that it can be customized for wider variety of cases.

Examples 🌈

image image

Motivation 🔦

Basically, my motivation is to display a custom hint for user to understand input behaviour. For case when there are no options, it is important to give user a hint about how he can add a new option to the list. But I guess, this feature may be used in other cases.

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:12
  • Comments:6 (2 by maintainers)

github_iconTop GitHub Comments

13reactions
justdvlcommented, Jan 11, 2022

@oliviertassinari can you please add to documentation that noOptionsText doesn’t work with freeSolo? It’s not nice if documentation is misleading and misses such an important information.

1reaction
Colkadomecommented, Jan 30, 2020

react-select supports an “Add option (MyOption)” action when the user starts typing. I’m finding lots of users don’t remember to hit the Enter button when adding new options (especially when starting with no values), so this would be really useful.

Read more comments on GitHub >

github_iconTop Results From Across the Web

[Autocomplete] 'No options' text with freeSolo #18985 - GitHub
I have searched the issues of this repository and believe that this is not a duplicate. Summary What if we allow input to...
Read more >
React Material-UI Autocomplete customize `no options` text
Use props noOptionsText for Material-UI Autocomplete. Text to display when there are no options. For localization purposes, you can use the ...
Read more >
Autocomplete API - Material UI - MUI
Name Type Default options * array renderInput * func autoComplete bool false
Read more >
A Guide on Material UI AutoComplete in React - Refine Dev
When you add the freeSolo prop to the <Autocomplete /> component, it enables the text field to accept undetermined values. The prop's primary ......
Read more >
React Material-UI Autocomplete customize `no options` text ...
Text to display when there are no options. For localization purposes, you can use the provided translations. Ref: Document of Autocomplete API. import ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found