Topic: multi select alignment

michelle_126 priority asked 8 months ago


hi,

**printscreen A**  is sample code 
**printscreen B** capture from browser inspection 
**printscreen C** show in browser
**printscreen D** example from MDBootstrap

My question is, what I miss, due to my output printscreen C alignment is out compare with printscreen D

thanks.

printscreen A : enter image description here

printscreen B : enter image description here

printscreen C : enter image description here

printscreen D : enter image description here


michelle_126 priority answered 8 months ago


Thanks Michał Duszak,

Your css script solve my problem, but I found that something missing as below ... 

enter image description here


Michał Duszak staff commented 8 months ago

I am not able to reproduce this behaviour. It must be caused by some external scripts or styles applied to your project. Can you reproduce this in snippets https://mdbootstrap.com/snippets/ or provide an url to the project? Having a demo would help me with debugging.


Michał Duszak staff answered 8 months ago


Hello, it's hard to tell from screenshots what happened. For now try brute forcing it. Use this CSS to fix possible margin overwrites:

.select-options-list {
    list-style: none !important;
    margin-left: 0px !important;
    padding: 0 !important;
}

michelle_126 priority commented 8 months ago

Hi Michał Duszak,

Your css script solve my problem, but I found that something missing as below ...



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

  • User: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 3.11.0
  • Device: Desktop
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No