Topic: Scrolling auto completer options closes it

itay pro asked 4 years ago

Expected behavior

Scrolling auto completer options should scroll the list

Actual behavior

The list of options closes

Resources (screenshots, code snippets etc.)

Bartosz Termena staff commented 4 years ago


What is your MDB version, and on what device / browser / OS does this problem occur?

Best, Bartosz.

itay pro answered 4 years ago

Fixed in 8.8.1 and probably before

itay pro answered 4 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 4 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 4 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 priority commented 3 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 3 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 priority commented 3 years ago

Dear @Arkadiusz Idzikowski, it works on regular form. But when I use in pop up modal, it doesn't.

itay pro answered 4 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 4 years ago

Yes, in 8.3.0 this problem should not occur (i checked basic example from here: 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.

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: 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