Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: MDB Bootstrap Support

ak.leimrey pro asked 6 years ago


Hello MDB and happy new year, 

It's my first question this year, but let me also say... I was still having the issue in this post

https://mdbootstrap.com/support/angular/feature-request-regarding-select-keypress-should-focus-item-with-appropriate-label/

However, I could at least circumvent this issue by adding the property 

[filterEnabled]="true"
 
Now the users can at least input a value that shows them their options. That's pretty awesome and at least covers one of the issues our customers have. I was just left somewhat disappointed that it wasn't even mentioned in the documentation. But back to my actual question...
 
Can I define my own filter? The current one is a tad too rigid. 
 
EDIT: Okay, disappointed again... the filter is shown in the jQuery version documentation only but the way the angular select filters the options is a lot more inflexible than the jQuery version. The angular looks to find a string that starts exactly like the options in the list. It should actually check if the combination of letters is found in the label. Please, MDB, you really have to check and compare behaviors between components more... 
 
 

 


Damian Gemza staff answered 6 years ago


Dear @ak.leimrey 

Happy new year to you too!

Actually, the problem with filtering in Material Select which you are describing was resolved with the MDB Angular 7.1.0. Please update your project to the latest version, and check, if your problem is gone.

About providing own filters: We won't support this feature because it would be potentially hard to maintain.

Best Regards,

Damian


ak.leimrey pro commented 6 years ago

Hey, thanks Damian. 

I just downloaded the latest version 7.1.1 apparently, in which the Material Select seems to have the issue that it doesn't render a preselected option immediately. How can I roll it back to 7.1.0? 

By the by: HUGE compliment for the change of the animation though... it's a LOT faster than the previous one and now looks like the jQuery one. 


Arkadiusz Idzikowski staff commented 6 years ago

In order to downgrade you can add specific tag to the npm install command, for example: npm install git+https://oauth2:<your-auth-token>@git.mdbootstrap.com/mdb/angular/ng-uikit-pro-standard.git#7.1.0 --save

The problem with dynamic value update should be fixed in next version (which will be released next week).

 



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: 7.0.0
  • Device: PC
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: No