Topic: Scrolling Disabled After Using Lightbox and Pressing Back Button

Karman40 priority asked 4 months ago


Description:

When using the Lightbox, if the user presses the back button, the Lightbox closes successfully and the browser navigates back to the previous page as expected. However, after this action, the scrolling functionality becomes disabled. This issue persists even when navigating to a new page within the Angular framework.

Steps to Reproduce:
  1. Open the Lightbox
  2. Press the back button.
  3. The Lightbox closes, and the browser navigates back to the previous page.
  4. Attempt to use the scrolling functionality.
Expected Behavior:

After closing the Lightbox and navigating back, the scrolling functionality should remain operational, regardless of whether the user stays on the same page or navigates to a new page within Angular.

Actual Behavior:

Scrolling functionality is disabled after using the Lightbox and pressing the back button.

https://dev.rsr.hu


Rafał Seifert staff commented 4 months ago

There is a problem indeed with remaining style="overflow: hidden; padding-right: 15px;" pinned to body element. That's a bug and we will have to fix it. For now you can try to remove those styles manually on router action meaby.


Karman40 priority commented 4 months ago

Rafal. Thanks for the reply. Currently, the site is still under development, so it is still a few weeks before it will be operational. However, I would like to activate it at the beginning of January and I would be happy if an official release would arrive by then, in which this little thing is already fixed.


Arkadiusz Idzikowski staff answered 3 months ago


We added a fix for this bug in v6.0.0. Please let us know if you encounter any further problems with this functionality.



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: Priority
  • Premium support: Yes
  • Technology: MDB Angular
  • MDB Version: MDB5 5.2.0
  • Device: all
  • Browser: all
  • OS: all
  • Provided sample code: No
  • Provided link: Yes