No Edit Template Styles After Update to Joomla 5.2.4

If you have already upgraded to Joomla 2.5.4 we strongly urge you not to edit the style of your template because there is a bug in the Checkbox field. If you edit it many parts of your website will disappear. We are waiting for answers from Joomla on this matter.

Construction: Scroll Issue Site / Offcanvas

spike Premium Member
Topic Author 1 week 1 day ago #1

When open the off-canvas menu, sometimes it happens that accidentally come to the side area and scroll it instead of the menu items of the off-canvas menu. In the worst case, sometimes it can happen that the off-canvas menu is no longer scrollable at all and fixed, even though menu items are expanded and the menu should actually scroll.

Is it possbile to fix the page area behind it as standard (scrolling the page area is not even possible if open Offcanvas) so that Offcanvas scrolls in any case?

Please look at the video, if I expressed myself complicatedly:

Part of the message is hidden for the guests. Please log in or register to see it.

Part of the message is hidden for the guests. Please log in or register to see it.

Thx in Advance.

Please Log in or Create an account to join the conversation.

leoalv Moderator
1 week 1 day ago #2

In the video you can see the correct way how both the offcanvas and the page should behave. Explanation:
Both the offcanvas and the body have their own scroll generated by the browser according to the height of their content, therefore both are scrollable independently. And human intuition makes that if you open the menu and it is only 50% of the width of the screen you have to act on it, and if the scroll has finished (up or down) the browser captures the mouse in the next element that has scroll which would be the page, for example if you are going down in the offcanvas and there is no more content down but you keep scrolling the browser captures it for the page, and if you want to go back it will continue to be captured, just stop and go back in the offcanvas and you will see that it is working on the offcanvas again.

Can it be changed? Of course, but it would be unnavigable when the links of the menu elements are #ids of sections in ONEPAGES.

If you don't use onepage and want to change the behavior you can try:

Code:

.offcanvas-active .body-wrapper{max-height:100vh;overflow:hidden;}

Forum

No Edit Template Styles After Update to Joomla 5.2.4

Construction: Scroll Issue Site / Offcanvas