Topic: mdb-auto-completer options appear above search field and outside the screen

itay pro asked 2 years ago


Expected behavior

List of options should appear below input field

Actual behavior

List of options appear above search field and outside the screen

Resources (screenshots, code snippets etc.)

https://imgur.com/a/tqDD8Y6


Arkadiusz Idzikowski staff commented 2 years ago

The dropdown position should be updated automatically if there is not enough space above or below the input. Is there an empty space for the dropdown to open below in this case? We would need an example code to recreate similar HTML structure on our end.


itay pro commented 2 years ago

The screen is mostly empty

https://imgur.com/a/pSg3YUu


itay pro commented 2 years ago

It happens because I use [visibleOptions]="20" and since there is not place for 20 below and it displayed above, even thought there is even less space there

Can I force it to appear only below ?


Arkadiusz Idzikowski staff commented 2 years ago

Currently, there is no way to force the position, but we need to add this feature for similar use cases.


itay pro commented 2 years ago

Any updates ?...


Arkadiusz Idzikowski staff commented 2 years ago

The fix release is scheduled for 31.08.



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 9.3.1
  • Device: NA
  • Browser: NA
  • OS: NA
  • Provided sample code: No
  • Provided link: Yes