Topic: Choppy animation in mdb select dropdown
dxl pro asked 6 years ago
Damian Gemza staff answered 6 years ago
_material-select.scssfile located in:
/scss/angular/pro/_material-select.scss,and look for:
mdb-select-dropdown {} line (at end of the file)
opacity: 0 to opacity: 1.0
itdev pro commented 6 years ago
Will you be applying this fix to future releases?Damian Gemza staff commented 6 years ago
We'll take a deeper look on this case to think how to solve it in right way :)itdev pro commented 6 years ago
Did you guys implement a better solution for this. I do not like the idea of having to change your file every time I update to the latest versionDamian Gemza staff commented 6 years ago
Dear itdev, Unfortunately, we didn't implement better solution for this. We're working on solving this problem. For now, you can always put your style in global stylesheet. It won't be overwritten by our releases. Best Regards, DamianDamian Gemza staff commented 6 years ago
I've fixed this problem right now. Solution will be available in next MDB Angular release. If you need this now, feel free to download our dev version of MDB Angular which includes every latest fixes! https://git.mdbootstrap.com/mdb/angular/ng-pro/tree/dev Best Regards, Damianitdev pro answered 6 years ago
Start your code here
<div class="row">
<div class="col-md-6">
<mdb-select [options]="optionsSelect" placeholder="Choose your option"></mdb-select>
<label>Example label</label>
</div>
</div>
optionsSelect: Array<any>;
ngOnInit() {
this.optionsSelect = [
{ value: '1', label: 'Option 1' },
{ value: '2', label: 'Option 2' },
{ value: '3', label: 'Option 3' },
];
}
itdev pro commented 6 years ago
Any field you add below the mdb-select, you will see the animation choppiness.FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Pro
- Premium support: No
- Technology: MDB Angular
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No
itdev pro commented 6 years ago
We are facing the same issueDawid Adach pro commented 6 years ago
Could you please include some code or a link to live preview?