Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Animations not working

Janik free asked 2 months ago


I have the problem with animations, they do not work at all, I followed thoroughtly installation guide (https://mdbootstrap.com/docs/angular/getting-started/installation/) step by step and none of the animations, for instance dropdown animation do not work. I've been looking for the issue for hours and couldn't find anything :(Sample code:<li class="nav-item drop"><br> <a<br> class="nav-link dropdown-toggle"<br> href="#"<br> id="navbarDropdownMenuLink"<br> role="button"<br> mdbDropdownToggle<br> aria-expanded="false"<br> ><br> <i class="fas fa-user"></i><br> </a><br> <ul<br> mdbDropdownMenu<br> class="dropdown-menu"<br> aria-labelledby="navbarDropdownMenuLink"<br> ><br> <li><br> <a class="dropdown-item" href="#">Action</a><br> </li><br> <li><br> <a class="dropdown-item" href="#">Another action</a><br> </li><br> <li><hr class="dropdown-divider" /></li><br> <li><br> <button class="dropdown-item" (click)="logout()">Wyloguj</button><br> </li><br> </ul><br> </li>

PS. Corousel component works


Arkadiusz Idzikowski staff commented 2 months ago

Did you add BrowserAnimationsModule to the modules import in your app.module.ts file?


Janik free commented 2 months ago

Yes, I added everything that is needed but I have one little concern, whether my angular versions are compatibile

"dependencies": { "@angular/animations": "^18.2.7", "@angular/cdk": "^18.2.2", "@angular/common": "^18.2.3", "@angular/compiler": "^18.2.3", "@angular/core": "^18.2.3", "@angular/forms": "^18.2.3", "@angular/platform-browser": "^18.2.3", "@angular/platform-browser-dynamic": "^18.2.3", "@angular/router": "^18.2.3", "@fortawesome/fontawesome-free": "^6.0.0", "mdb-angular-ui-kit": "file:mdb-angular-ui-kit-7.0.0.tgz", "ngx-toastr": "^19.0.0", "rxjs": "~7.5.0", "tslib": "^2.1.0", "zone.js": "~0.14.2" },


Arkadiusz Idzikowski staff commented 2 months ago

It looks like all the dependencies are compatible, because you use mdb-angular-ui-kit v 7.0.0 and this version has support for Angular v18.

Did you manage to fix the problem with animations by adding the BrowserAnimationsModule?



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Opened

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: MDB5 7.0.0
  • Device: PC
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: Yes
  • Provided link: Yes