search

pmoreno-rodriguez / grav-theme-editorial

Editorial is a GravCMS port of the Editorial theme from HTML5Up.net.
Other
13 stars 2 forks source link

Scrolling bugs #48

Open Fazarel opened 4 months ago

Fazarel commented 4 months ago

I've noticed two unexpected behaviors when scrolling a page. They are random and can appear on any page.

  1. Scrolling stops at the end of the page content, and you can't scroll all the way to the bottom of the left sidebar (if it contains information at a lower level than the page content, of course).

  2. Sometimes, continuing to scroll beyond the page content results in a jump back to the end of the content. Quite unpleasant for the eyes, and here too the lower part of the left sidebar cannot be displayed.

Refreshing the page immediately fixes the bug. But it may occur again, on another page or on a new visit to the site.

Bug present on the demo site and confirmed with 2 browsers: Firefox 123.0.1 (64-bit) Chromium 122.0.6261.94 (Official Build) snap (64-bit)

In Firefox, Web Developer Tools (F12) displays the following message: "This site appears to use a scroll-linked positioning effect. This may not work well with asynchronous panning; see https://firefox-source-docs.mozilla.org/performance/scroll-linked_effects.html for further details and to join the discussion on related tools and features!"

pmoreno-rodriguez commented 4 months ago

I have observed this behavior for a while, but I am not able to repeat it all the time, so it is difficult to know why it happens. The message that Firefox shows is shown on many other pages and this does not happen to them. I will continue investigating, but any help is welcome.

It might be interesting to contact the creator of the original HTML5Up theme, to see if they can resolve it. Keep in mind that Grav's theme is an adaptation of a previous theme.

Thank you

CarlSinclair commented 1 week ago

Could this be related to jQuery's lack of support for passive scrolling?

image

learningtime2025 commented 2 days ago

Also, interesting effect... if "Dropdown in navbar" enabled, and when you open menu - you cant scroll down... this happens when height of menu items cant fit on page vertically...