Scrollspy bug - class active can be lost - Material Design for Bootstrap

Topic: Scrollspy bug - class "active" can be lost

meesha81 pro premium priority asked 2 years ago

Expected behavior Some of sections should be always "active" when sections are placed one by one.

Actual behavior If you scroll slow eg. from Section 2 to 1, active class lost from Section 2 and will not be added to Section 1 until you go thru Section 2 to Section 1 "better" = "faster".

Steps to reproduce:- open snippet- scroll to Section 2 until Section 2 is active on the right side- scroll slowly back to Section 1. Active class will be removed from Section 2 and not added to Section 1. Section 1 never be active until you go to Section 2 and go back "faster".

This cause randomly disappearing information about displayed position in menu.

I think that scrollspy should change active class from one section to previos or next by the direction to prevent losing active class from menu. User is still somewhere in the document, so section without active looks like bug.

Thank you for interest.

Resources (screenshots, code snippets etc.)

https://mdbootstrap.com/snippets/standard/meesha81/4788268

Add comment

mlazaru staff answered 2 years ago