Topic: [Bug Report] mdb-select component styling
Hi,
i've just found a bug on mdb-select component:
- the z-index is too high. If you trigger the dropdown and scroll down, the dropdown will overlap everything. I solved this by overwriting the z-index to 1.
- if you set the directive [multiple]="true" to mdb-select component, it wont align to the component without multipe directive. also the arrow-down seems a bit higher positioned
- "filterEnabled" is not working together with "multiple" directive
- if "filterEnabled" directive is set and you filter some values, it filters correctly, but the "no results found" tag is always visible
also i have a question regarding mdb-select with directive multiple="true": is it possible to call a viewchild method which unchecks all selected values? If so, how is the mdb-select component called?
Screenshot 1:
https://imgur.com/a/3uucq
Screenshot 2:
https://imgur.com/a/p2WIA
Screenshot 4:
https://imgur.com/a/vL2Hx
the mdb-select components are wrapped in a simple row with simple col-4 without any additional styles
#UPDATE
i was able to fix the styling: the toggle arrow with multiple="true" as directive aligns now correctly and also all three collumns displays correctly inline.
i used following css in global styles.scss:
Damian Gemza staff answered 7 years ago
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: No
- Technology: MDB Angular
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No