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

Marvin Herbold priority asked 1 year 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 11 months ago


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


morang premium commented 11 months ago

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


Dawid Wajszczuk staff commented 11 months 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 1 year 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 1 year 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

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