MDB Bootstrap Support

  1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
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).

 
Write
Create snippet
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
  • User: 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
Tags
select
Related topics
7
Keyboard tab navigation to search field of material select is not working. Upon receiving the focus to search textbox, dropdown disappears and leaving inaccessible for a keyboard user
2
MD Select showing HTML chars incorrectly on load
2
mdb-select label not wrapped with the select input with 4.8.7
2
Select selected not working !!
2
IE 11 Select Change Not Supported
About author
ak.leimrey
Pro User
179Support score
28Questions 12Answers
0Snippets likes 0Snippets