Topic: Material Select Not Working 5.2.2
itdev pro asked 6 years ago
The select is not working as expected. The down arrow is missing from the select field. I used the example on https://mdbootstrap.com/angular/advanced/material-select/Start your code here
<div class=\"row\"> <div class=\"col-md-6\"> <mdb-select [options]=\"optionsSelect\" placeholder=\"Choose your option\"></mdb-select> <label>Example label</label> </div></div>
Start your code here
optionsSelect: Array<any>; ngOnInit() { this.optionsSelect = [ { value: \'1\', label: \'Option 1\' }, { value: \'2\', label: \'Option 2\' }, { value: \'3\', label: \'Option 3\' }, ]; }
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Resolved
Specification of the issue
- ForumUser: Pro
- Premium support: No
- Technology: MDB Angular
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: Yes
- Provided link: No
Tags
Dawid Adach pro commented 6 years ago
Could you please attach some screenshot? Cannot reproduce the issue (arrow is present)itdev pro commented 6 years ago
How can I add a screenshot to this message?Damian Gemza staff commented 6 years ago
Dear itdev, you could paste here link to your's dropbox/google drive/imgur or other service that stores photos.itdev pro commented 6 years ago
Are you using version 5.1.1?Damian Gemza staff commented 6 years ago
We'e using 5.1.2 as the latest version of MDB. Please update our MDB to 5.1.2 and check if errors still exists. Best Regards, Damianstgiaf pro commented 6 years ago
I also faced the issue when the material select was placed withing a card. It seems that the z-index: -1 is applied in the toggle class, making the arrow to be hidden.Damian Gemza staff commented 6 years ago
Guys this problem will be fixed in next MDB Angular Release! You can now download it from our GitLab dev branch: https://git.mdbootstrap.com/mdb/angular/ng-pro/tree/dev There you can find few fixes for Material Select. Best Regards, Damianitdev pro commented 6 years ago
Even when changing the z-index to 1 there is still a bug where if you click on the arrow the mdb-select will open and close the selections. If you click on the field and NOT the arrow then the selection will stay open. Please fix asap, this is blocking our public release.Damian Gemza staff commented 6 years ago
Dear itdev, Did you upgrade your project to our latest dev version of MDB? On GitLab branch dev there's a fix for this situation. I've tested it before uploading fix, and it was working fine. Please let me know if you are using the latest version from dev branch. Best Regards, Damianitdev pro commented 6 years ago
We need a released version because we will need to deploy to production and I do not want us to be using the dev branch for our production release. What is your time estimate to have this fix publicly released?itdev pro commented 6 years ago
We are currently using 5.2.2Damian Gemza staff commented 6 years ago
Dear itdev - this week is for final tests of next release. MDB Angular 5.2.3 should be live in next monday. Best Regards, Damian