Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Select is overlapping by table

Pankaj charpe free asked 5 years ago


Expected behavior I have created a select drowndown over the mdb table. But Select options are overlapping by the table.enter image description here Actual behavior Select options should not hide by the tables. Resources (screenshots, code snippets etc.)


Arkadiusz Idzikowski staff commented 5 years ago

Thank you for letting us know about that, we will take a closer look at this problem and fix it as soon as possible.


Pankaj charpe free commented 5 years ago

Hi Arkadiusz, When can I expect the fix?

Thanks, Pankaj


Arkadiusz Idzikowski staff commented 5 years ago

It should be fixed in the next update (which will be relased probably on January 20).


Arkadiusz Idzikowski staff answered 5 years ago


As a workaround for now you can overwrite the z-index property of the .dropdown-content class and add [appendToBody]="true" input to the mdb-select component.

.dropdown-content {
    z-index: 1020;
}

As I already mentioned in the previous comment, this problem will be fixed in the next update (the appendToBody option will be still required).



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: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 8.3.1
  • Device: Desktop
  • Browser: Chrome
  • OS: windows
  • Provided sample code: No
  • Provided link: No