Topic: NavBar vibration issue ng-mdb-pro 5.3.2
We found a bug on the MDB NavBar that makes the entire content of the page vibrate when the user scrolls up/down, the scroll event triggers some kind of hide/show functionality on the navbar that produces this issue.
Environment:
Windows 10 Pro
Chrome 66.0.3359.170 (64-bit)
Firefox Quantum 60.0 (64-bit)
Using ng-mdb-pro 5.3.2 with angular 5
You can find a clip of the issue here.
And test app to reproduce the issue here.
This bug was already reported on GitLab issue #27
I was able to track the issue to a block of code that show/hide the NavBar when the scroll event is triggered that’s in
ng-mdb-profreenavbarsnavbar.component.ts #160
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: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: Yes
Tags
Damian Gemza staff commented 6 years ago
Dear chadsilva, This block of code is responsible for the effect of changing the height of navbar while scrolling down the page. For now, the only workaround which I can give you is to remove scrolling-navbar class from your src/app/core/nav-menu/nav-menu.component.html file. I'll add this to our bug list, and we'll fix it in future. Best Regards, Damian