[Bug]: SectionObserver problem with About Us Section

[pareshlamichhane]

📜 Description

When display of resolution 1366x720, visits the website, the is a simple mistake in Navigation bar.
It wont register the page is already scrolled into about us section.
I found the cause of it, most likely, the main problem here is the size of About Us section.

In the Observer.jsx component, the threshold is set to 0.8 which means when 80% of the content of about us is focused in the screen, only it registers it as active in the navigation menu. But since the sheer size of About Us section is bigger, in screen of resolution 1366x720, it wont ever conver the 80% of the about section at a time.

To prove my hypothesis, I zoomed out the website to 67% and the the bug wouldn't work in this condition.

👟 Reproduction steps

1. Get a display of 1366x720 resolution.
2. Open the website nepal.gnome.org or gnomenepal.netlify.app
3. Scroll down
4. You will see About Us isn't being registered as active in the navigation menu

👍 Expected behavior

While scrolling the website About Us should have been registered as active in the navigation menu

👎 Actual Behavior with Screenshots

• 100% Zoom in 1366x720 resoultion display
  

• 67% Zoom in 1366x720 resoultion display
  

💻 Operating system

Linux

What browsers are you seeing the problem on?

Chrome

📃 Provide any additional context for the Bug.

No response

📖 Relevant log output

No response

👀 Have you spent some time to check if this bug has been raised before?

• I checked and didn't find similar issue

🔗 Are you willing to submit PR?

None

🧑‍⚖️ Code of Conduct

• I agree to follow this project's Code of Conduct

[utsavdotdev]

Hi @pareshlamichhane, Thanks for noticing this bug. Can you resolved it?

[pareshlamichhane]

Hi @pareshlamichhane, Thanks for noticing this bug. Can you resolved it?

I am a bit involved in courseworks, so I think its better to give this role to somebody else