Topic: Scrolling auto completer options closes it
Expected behavior
Scrolling auto completer options should scroll the list
Actual behavior
The list of options closes
Resources (screenshots, code snippets etc.)
itay pro answered 5 years ago
I use 8.2.0, Chrome, Windows
I just saw in 8.3.0 release notes: "Autocompleter - dropdown will no longer be closed on input click."
Is it related ?
Bartosz Termena staff commented 5 years ago
Yes, in 8.3.0 this problem should not occur (i checked basic example from here: https://mdbootstrap.com/docs/angular/forms/autocomplete/#basic-example and scrolling auto complete options worked as it should).
Try the new version, and let me know in case of further problems.
Best Regards, Bartosz.
itay pro answered 5 years ago
NOT fixed in 8.3.1
Although scrolling using mouse drag does work in a regular form, when the auto completer is in a modal dialog box, the list is closed when dragging the scroller (note: scrolling with mouse wheel does work)
Arkadiusz Idzikowski staff commented 5 years ago
You didn't mention that this problem occur only when autocompleter is inside modal. Every information is helpful when we try to reproduce similar bugs. We will take a closer look at that.
Bartosz Termena staff commented 5 years ago
Dear @itay
As a workaround try to add [appendToBody]="true"
to your autocomplete.
We will try to change the autocomplete behavior on blur soon.
We will inform you after changes are made, Best Regards, Bartosz.
noveltytech pro premium priority commented 4 years ago
its not fixed yet .. any solution ? I tried [appendToBody]="true" which works fine for drag and scroll but made the modal design nasty.
Arkadiusz Idzikowski staff commented 4 years ago
Which version of MDB Angular do you use? Please provide more information about the HTML/TS code you use to render the autocomplete component. This problem should no longer occur in v8.8.1 and newer.
noveltytech pro premium priority commented 4 years ago
Dear @Arkadiusz Idzikowski, it works on regular form. But when I use in pop up modal, it doesn't.
itay pro answered 5 years ago
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Resolved
- User: Pro
- Premium support: No
- Technology: MDB Angular
- MDB Version: 8.2.0
- Device: NA
- Browser: NA
- OS: NA
- Provided sample code: No
- Provided link: No
Bartosz Termena staff commented 5 years ago
Hi!
What is your MDB version, and on what device / browser / OS does this problem occur?
Best, Bartosz.