Topic: mdb-auto-completer options appear above search field and outside the screen
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.)
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Answered
Specification of the issue
- ForumUser: 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
Arkadiusz Idzikowski staff commented 3 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 3 years ago
The screen is mostly empty
https://imgur.com/a/pSg3YUu
itay pro commented 3 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 thereCan I force it to appear only below ?
Arkadiusz Idzikowski staff commented 3 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 3 years ago
Any updates ?...
Arkadiusz Idzikowski staff commented 3 years ago
The fix release is scheduled for 31.08.