Topic: Angular Material Select slow to open
Using the exact example provided on the documentation when I click on the select box it takes about half a second to respond and then another half a second to slow fade in and then it pops in front of the text.
What doesn't make sense is why is the functionality so different from the example (my only guess is that the example is showing the MDB component and not the Angular component?)
On a side note, if you guys are going to be charging 80 bucks for your angular pro, could you at least spend the time and update the examples to actually use Angular and not just copy paste the MDB components will give us an actual idea of the intended functionality, as well as make sure the documentation links don't constantly take me right back to the MDB page?
Add comment
Dear @chrisworell,
By default we have set a delay of 200 ms on material select so it looks like at attached video:
https://www.dropbox.com/s/rfswk9i3n5d6bqi/mselect200ms.mov?dl=0
If you want to change it you can adjust it editing following lines for ope
node_modules/ng-pro/pro/material-select/select-dropdown.component.ts:
64: setTimeout( () => { container.add('fadeInSelect'); }, 200 );
and for close:
ng-pro/pro/material-select/select.component.ts:
330: setTimeout( () => {
if (this.isOpen) {
this.clearFilterInput();
this.isOpen = false;
if (focus) {
this.focus();
}
this.closed.emit(null);
}
}, 200 );
by changing default value you can either speed up or slowdown
Video after adjustment:
https://www.dropbox.com/s/m6bjtu74gxm1u82/mselect0ms.mov?dl=0 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: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No