Topics scrollbar not updating due to CSS customizations

I think I’ve broken something on my discourse installation - scrollbar is no longer updating when scrolling.
i.e. the indicator 1/25 changes to 2/25 and then remains at 2/25 for the remaining 23 posts. Also the URL of the topic no longer updates to …/<post_number>

In the javascript console I can see strange error messages :

    _ember_jquery-0ae86c…ee94f26d9c3.js:5106 [Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
    _ember_jquery-0ae86c…ee94f26d9c3.js:5106 [Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
    _ember_jquery-0ae86c…ee94f26d9c3.js:1975 [Violation] 'setTimeout' handler took 886ms
    [Violation] Forced reflow while executing JavaScript took 79ms
    _ember_jquery-0ae86c…ee94f26d9c3.js:5106 [Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
    _ember_jquery-0ae86c…e94f26d9c3.js:61218 [Violation] 'click' handler took 167ms
    [Violation] Forced reflow while executing JavaScript took 45ms


Any idea how to debug this issue ?

Many thanks

You will need to provide a link (preferably) or the full error for us.

Please try this one

When I use the safe mode to deactive the theme modifications, it works well : https://discourse.mfc.bayern/safe-mode

Probably a script that breaks the timeline

actually it looks like it is a CSS breaking the timeline ! If I remove loading of https://www.mfc.bayern/assets/css/headerfooter-style.css then it works
Any hint how a CSS may break the timeline (which I assume is javascript based) ?

You you change the heights in the wrong place, it will break the JS that detects scrolling.

which heights ? searching for height in the CSS yiels 140+ results :frowning:

OK found it
html,
body {
height: 100%; }

1 Like

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.