Topic: MDBAngular sidenav showing background image for ngFor

skota pro asked 1 year ago


Expected behavior

Mask should be applied when we scroll

Actual behavior

Mask is applied only for initial viewport height

Issue

Static data is working fine, but if we use ngFor and build accordion, its failing.

Resources (screenshots, code snippets etc.)

enter image description here

Code https://github.com/skota-tech/mdbangular/tree/main/dropdown-issue

Workaound

  1. Get the height of links
  2. Set the height of mask to height of links + 300px

Can you please fix it or provide a better workaround.?



We added a fix for this bug in v15.0.0.


skota pro answered 1 year ago


Another workaround is to update in HTML

[style.min-height]="sidenav_links.clientHeight+300+'.px'"


Grzegorz Bujański staff answered 1 year ago


Thanks for reporting. We will check it and try to fix it



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: MDB4 13.0.0
  • Device: dell laptop
  • Browser: chrome
  • OS: windows
  • Provided sample code: No
  • Provided link: Yes