How to render hyperlink in MUI Autocomplete

[bkolubenka]

The problem in depth
How to render hyperlink in MUI Autocomplete field? Selected option in Autocomplete must be clickable after selection on MuiInputBase, MuiAutocomplete, Material UI

We would like to have values clickable as below

Search keywords:

[croraf]

Have you tried customizing the renderInput attribute of the Autocomplete element? https://mui.com/material-ui/react-autocomplete/#customization (for more support check stack-overflow https://mui.com/material-ui/getting-started/support/#stack-overflow)

[mnajdova]

Considering the links are not valid elements on inputs, this means that you will need to create a custom input like component that can accept links. You need to be cautious as you can easily break the accessibility of the Autocomplete tough. You need to make sure that this new component has the same keyboard behavior as the input. And yes, you can use the renderInput callback to use the custom input element.

[github-actions]

👋 Thanks for using this project!

We use GitHub issues exclusively as a bug and feature requests tracker, however, this issue appears to be a support request.

For support with Material UI please check out https://mui.com/material-ui/getting-started/support/. Thanks!

If you have a question on Stack Overflow, you are welcome to link to it here, it might help others.
If your issue is subsequently confirmed as a bug, and the report follows the issue template, it can be reopened.