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\' }, ]; } 

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, Damian

stgiaf 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, Damian

itdev 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, Damian

itdev 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.2

Damian 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


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

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: Yes
  • Provided link: No
Tags