Topic: Autocomplete: Display Value and Custom Content Not Working
Expected behavior
Display Value: Should display text in the .autocomplete-custom-content div.
Custom Content: .autocomplete-custom-content div does not display in the dropdown list as it does in the demo code on the documentation page.
Actual behavior
Display Value: Does not render at all.
Custom Content: Renders in the input field and not the dropdown list
Both seems to add extra padding at the bottom of the form-outline div which makes the input look broken.
Resources (screenshots, code snippets etc.)
Used the snippet generated code AND the documentation code and it does not work.
Display Value: https://mdbootstrap.com/snippets/standard/kellyjromer/5928047#css-tab-view
Custom Content: https://mdbootstrap.com/snippets/standard/kellyjromer/5928045
Remove <div class="autocomplete-custom-content"></div> from HTML and custom content example and it will work. We will fix this example in the documentation soon.
Display value works as it should. This option is meant to display values properly when data are passed with an object as oppose to array.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: Yes
- Technology: MDB Standard
- MDB Version: MDB5 7.1.0
- Device: Macbook Pro
- Browser: Chrome
- OS: MacOS Sonoma 14.3
- Provided sample code: No
- Provided link: Yes