Animation (slowness) - On components like Dropdown, Select,


Topic: Animation (slowness) - On components like Dropdown, Select, Input

Animation are very slow when we click on element using mouse but, if we use tab key then its working as expected.


Arkadiusz Idzikowski staff answered 3 years ago

I tried to reproduce this problem on my end but without success. Could you provide a simple demo on which I will be able to debug that? You can send it to a.idzikowski@mdbootstrap.com


We can not share the code. If you want we can share the screen.


Arkadiusz Idzikowski staff commented 3 years ago

Does this problem occur when you use single component in new project?


I got the root cause of this issue, it is because of mdb-select component.

I have tried with fresh Angular app, which has 80 input component and 20 select component, then animation work slowly. Try to add more select component, which will increase the slowness.

Can you check at your end and let me know as soon as possible.


Arkadiusz Idzikowski staff answered 3 years ago

We will take a closer look at that. It's strange because select already uses on push change detection. Could you remove input components from the view and check if that changes anything?


I have checked it already.

I have checked with 110 input component, which work fine. But when you add few select component, you will observe slowness and will increase with the addition of select component.


Arkadiusz Idzikowski staff commented 3 years ago

Thank you for all the information. We will try to find the cause of this problem. For now please try to use onPush change detection in the component, it might be helpful in view with many input and select components.


ak.leimrey pro answered 3 years ago

I noticed this behavior as well. At roughly 20+ Selects on our end it becomes veeeery slow. I know, that only very few instances should have that many options available to them, but we're providing a WYSIWYG Database Query Builder for the users and if some want to build some rather long arguments in becomes a bit slow.


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 7.4.1
  • Device: All
  • Browser: Any
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No