Multiselect not working properly

Topic: Multiselect not working properly

ak.leimrey pro asked 6 years ago

So, I was recently forced to update the MDB version in our project - against all policy rules during development - due to an exceptionally annoying behavior regarding the multiselect and dropdown elements in general that lasted at least up to 5.2.3.

After an basically entire day to migrate the project into Angular 7 and downloading the newest MDB via

git+https://oauth2:<token>@git.mdbootstrap.com/mdb/angular/ng-uikit-pro-standard.git

I eventually got the project running. Well, it messed up the design a considerable lot, but nothing I wouldn't be able to fix, as long the functionality of the majority of my components was still intact .

The select component however isn't working as the example in the page...

https://gyazo.com/6ecf5d38df05521eca40bbb151a8fe06

The animation is smoother and more responsive but again, it looks different from the example on the page.

https://mdbootstrap.com/docs/angular/forms/multiselect/

The animation in the example unrolls from top to bottom, in my version it expands from the middle until it reaches is length. It also lacks the placeholder information. However, what's worse is that the multiselect functionality is lacking the "select all" feature!

https://gyazo.com/4fbe2385114fe88ad9ae0e131ca417ed

And yet I'm certain that I downloaded a newer version, because in the old multiselect component it grew larger the more items were selected, now they're cut-off as they should.

I did delete the old structure of the MDB and added the modules as in the example.

Add comment

Damian Gemza staff answered 6 years ago

0 0 Best answer

Dear @ak.leimrey

As I said before, our live examples in the docs are written in MDB jQuery. jQ multiselect got "Select all" feature, but in our MDB Angular multiselect, for now, there isn't implemented such feature.

We shouldn't have used an example with "Select all" feature because this leads to problems like your question.

We'll change our docs, and we'll implement this feature in the future.

Best Regards,

Damian

ak.leimrey pro commented 6 years ago

I'm sorry if I did sound unappreciative of your work. While I had some severe issues with the older MDB I enjoy the overall better performance of the newer versions and I feel it's going the right direction at a steady pace. I'm just hoping for a more uniform look and feel for MDB, regardless which version we pick.

Thanks for the answer Damian and have a good one.

Damian Gemza staff commented 6 years ago

I'm glad to hear that you enjoy our newest version of MDB Angular! We'll do our best to provide our users the best possible framework ever.

Best Regards,

Damian

Add comment

Damian Gemza staff answered 6 years ago

0 0 Best answer

Dear @ak.leimrey

Thanks for your report.

About select animation - Between 5.2.3 version and 7.0.0, Select animation was fully rewritten. This animation is better than the older one (which have existed in 5.2.3 version).

I have to remind you about one thing - Our documentation presents examples based on jQuery version of MDBootstrap. There is no possibility to implement Angular examples in the site which runs on jQuery.

And the Select animations are slightly different between MDB jQ and MDB Angular.

But We'll take a look at your problem, and we'll try to implement the same animation as in the jQuery.

About select all feature: There is no "Select All" feature in our Multiselect, but I'll add this to our nice-to-have list, and we'll implement it in the future.

Do you have any other problems with our Select / Multiselect component?

Best Regards,

Damian

ak.leimrey pro commented 6 years ago

So, wait...

https://mdbootstrap.com/docs/angular/forms/multiselect/

I'll have to apologize for the rough tone of mine, but what the heck?

In the Documentation you CLEARLY have a "select all" feature. Which opens up two questions.

Does only the jQuery implementation have this? Or is the Angular implementation the only one that doesn't have it?

Add comment

Write

Create snippet

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

ak.leimrey

Pro User

179Support score
28Questions 12Answers

0Snippets likes 0Snippets