multi select alignment


Topic: multi select alignment

michelle_126 pro premium priority asked 3 years 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


Michał Duszak staff answered 3 years 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 pro premium priority commented 3 years ago

Hi Michał Duszak,

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


michelle_126 pro premium priority answered 3 years 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 3 years 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.


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