Topic: Multi Select dropdown
*Expected behavior*Dropdown display correctly
Actual behavior- Dropdown has the grey backgound- The arrow display wrong position- The check box not display correctly
Resources (screenshots, code snippets etc.)
https://gawnpcapital.vn/demo/industrial/virtual-tour-2/ (Section book a site visit)
Note: I'm using only the select.min.js (rename to multi-select.min.js) and select.min.css. I'm not using the full mdb.min.js because I have my own css + pure bootstrap already. If I use the mdb.css, my layout website will be broken
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Open
- User: Free
- Premium support: No
- Technology: MDB Standard
- MDB Version: MDB5 3.9.0
- Device: laptop
- Browser: Chrome
- OS: Windows
- Provided sample code: No
- Provided link: Yes
Dawid Wajszczuk staff commented 3 years ago
Hi. Of course, in order to make our select work properly, I would encourage you to use our styles. As for: 1. Grey background - I only see it for active or selected elements, which is the same as in our select 2. Arrow - I see completely different arrow, did you modify it? 3. The checkbox - you need to import our CSS for checkbox, which probably will be in conflict with bootstrap styles that you use. But you can try.