Topic: Animations not working

Janik free asked 4 weeks 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 3 weeks ago

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


Janik free commented 3 weeks 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 3 weeks 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