Bug: Large blank overlay appears while scrolling on the Meshery landing page

[superezzdev]

Description

While browsing the Meshery landing page, a large blank black overlay appears during scrolling, covering the page content. Instead of displaying the next section, the page shows an empty black area until the user scrolls further.

The issue is consistently reproducible across multiple browsers, indicating it is likely a website rendering issue rather than a browser-specific problem.

Page: https://layer5.io/cloud-native-management/meshery

Expected Behavior

The page should scroll smoothly and display all sections continuously without any blank overlay or hidden content. Each section should render correctly as the user scrolls.

Screenshots

Attached screenshots demonstrate:

• Normal page rendering before the issue occurs.
• Large blank black overlay covering the page while scrolling.

Environment:

• Host OS: macOS
• Browser(s):
  • Google Chrome
  • Safari
  • Brave
  • Opera
• Incognito Mode: Reproduced
• Extensions: Disabled (where applicable)

Additional Information

Steps to Reproduce

1. Open https://layer5.io/cloud-native-management/meshery
2. Scroll down through the landing page.
3. Observe that a large blank black section appears and hides the page content.

Actual Behavior

A large blank black overlay covers portions of the page while scrolling, making the website appear broken and hiding the content underneath.

Expected Behavior

The page should render continuously without displaying any blank overlay, ensuring all content remains visible throughout scrolling.

---

Contributor Resources and Handbook

The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.

• 📚 See contributing instructions.
• 🎨 Wireframes and designs for Layer5 site in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack.

Join the Layer5 Community by submitting your community member form.

[superezzdev]

Hi @leecalcote and @Maanvi212006 👋
I was able to reproduce this issue consistently across multiple browsers (Chrome, Safari, Brave, Opera, and Incognito mode), and I'd like to work on fixing it.

Could you please assign this issue to me? I'd be happy to investigate the root cause and submit a PR.

Thank you!

[Maanvi212006]

Go ahead @superezzdev

[somilshivhare]

@superezzdev Is the issue is free or assigned to someone ?

[superezzdev]

@somilshivhare
it is assigned to me and have already a pull request to close this issue