Topic: MDB Autocomplete updates
Hi,
I'm updating my projects to your new MDB version, and I found these facts:
MDB Options for MDB Autocomplete changed appearance and now looks very tight and out of every line. For instance:
I'm still getting this console log when I push "arrow up" key on input and there are no results.
I hope you can help me with this.
Thanks a lot.
[optionHeight] Is not a responsive solution.
Is there any solution for this? I'm facing the exact same issue. It worked well in mdb 7.
Bartosz Termena staff commented 5 years ago
Hi! We have already started to work on it. We will try to solve this problem as soon as possible. I will let you know about it.
Best Regards, Bartosz.
Hi again,
In fact, I prefer the previous approach, because it did not ask me to set the height statically, and automatically adjusted the height of the content for all resolutions.
Sometimes, if I change the resolution, the texts lose the order and overlaps between them, and sometimes, focus over input does not open autocomplete options.
Thanks again, I'll be attentive.
Dear @univlearning
tight and out of every line look is caused by new [visibleOptions] [optionHeight] features. https://mdbootstrap.com/docs/angular/forms/autocomplete/#visible-options
When more than one option is displayed (like in your example - name, gender, hair_color), autocompleter dropdown compare it to fit.
As a workaround for this problem try add this to your styles.scss
.completer-row {
margin-top: 0.5rem !important;
}
Keep in mind that after this change [visibleOptions],[optionHeight] will not work correctly.
You are right about arrow up error - we will fix that as soon as possible.
Hope it helps!
Best Regards, Bartosz.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Pro
- Premium support: No
- Technology: MDB Angular
- MDB Version: 8.3.0
- Device: All
- Browser: All
- OS: All
- Provided sample code: No
- Provided link: No