Long post/page scrolling causes header and menu to dissapear

[MadaManu]

Hi,

Using this theme in one of my blogs, and I have spotted this issue. On a long page (a lot of content to scroll through) or post, when you scroll back up the top, the header and the menu disappeared. I have tried this on the demo as well, and yes it happens there too see this page: Massively Demo - Apps Integrations. Scroll down the bottom, then back up, the menu and header is gone as in screenshot below.

I am using: Google Chrome - Version 95.0.4638.54 (Official Build) (64-bit)

[MadaManu]

I also tested it with Microsoft Edge Version 95.0.1020.40 (Official build) (64-bit) and Firefox 94.0 (64-bit) but the issue is NOT present using these browsers. So I'm not sure what happens with Chrome.

[minimaluminium]

Hey @MadaManu,

I wasn't able to reproduce the issue on my end using Chrome 96.0.4664.55. Would you be able to check if there's any console error when you have the issue?

https://user-images.githubusercontent.com/1418797/143989039-c86f7e13-8ca8-44b0-bfcf-85c784a912f6.mp4

[safaci2000]

I'm having the same issue. You can see the current behavior here: https://beta.gbfest.org.

This is the only additional code Injection I have.

<style>

.kg-image{
    height: 50%;
    width: 50%;
    float: left;
    padding: 20px;
   }        
    
 .content figure:nth-of-type(_) {
    float: left;
   
  </style>  

<script>
  var search_api_key = 'SECRET';
</script>

[safaci2000]

I'm not sure if this is the same issue, but I'm comparing the generated HTML between the two versions.

I think the reason is the CSS is no longer valid. The old version, I have

<nav id="nav">
  <ul class="links">
    <li class=...

New version is now rendering as:

<div id="wrapper" class="fade-in">
  <ul class="nav">
      <li class=....

I think it's not correctly identifying the section and breaking. The file in question that seems to be the culprit is _nav.scss

[minimaluminium]

The issue is still isn't reproducible. If anyone who can reproduce the issue on their end could provide a fix, that'd be greatly appreciated 🙂

[rm-rf-etc]

It would be helpful if the people experiencing this issue would include the browser and OS version they are running.

[decaffeinatedio]

Hey there folks -- I'm experiencing this issue building on PopOS 22.04 (an Ubuntu flavor) and viewing on Firefox 102.01.

You can see the issue live on https://paddyroc.com.

I'm seeing the same issue of a missing <nav> element that @safaci2000 described. Any pointers appreciated.