Topic: Bug - autocomplete dropdown lists now z-indexed behind modals - fix this please!

Marvin Herbold priority asked 2 years ago


I finally updated from 3.2 to 3.7.1, and now all autocomplete dropdown lists appear behind the modals they are in. You guys really need to improve your QA testing because this one should have been caught before release.

https://mdbootstrap.com/snippets/standard/marvin_herbold/3119666


morang premium answered 2 years ago


I faced the same problem in the select componententer image description here


morang premium commented 2 years ago

I found that it happens when I add prop scrollable=true


Dawid Wajszczuk staff commented 2 years ago

Which version of MDB package do you use? Can you recreate your issue in a snippet https://mdbootstrap.com/snippets/? I have tried but everything seems fine https://mdbootstrap.com/snippets/standard/d-wajszczuk/3880552. Where do you add scrollable=true? Do you have any errors in console?


c0rzair1 free answered 2 years ago


I faced the same problem. As temporary soulution, you can increase value of z-index in CSS file

.autocomplete-dropdown-container {   z-index: 1070; }

Dawid Wajszczuk staff answered 2 years ago


Hi,

Thanks for reporting this bug. We will try to fix it as soon as possible.

Keep coding,
Dawid



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

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 3.7.1
  • Device: All
  • Browser: All
  • OS: All
  • Provided sample code: No
  • Provided link: Yes