Scrollbar gets stuck in lab section(firefox)

Message:

Hello everyone,

I am facing a problem in the Lab section of a freeCodeCamp course while using Firefox. The scroll bar works partially — it can move up and down, but when scrolling up, it gets stuck at a certain point. This affects the Instructions tab, HTML tab, and CSS tab, so I cannot scroll back to the top or see some parts of the instructions or code.

There was no problem in the previous Lab sections, but the issue appeared when I reached the “Build a Confidential Email Page” Lab in the “The Box Model” lesson within the CSS section.

I have tried several things to fix the issue over the past two days, including:

  • Refreshing the page

  • Clearing the browser cache

  • Restarting Firefox

  • Checking for extensions that might interfere with the page

But nothing has worked so far, and this is preventing me from practicing my code properly.

Has anyone else faced a similar problem? Or does anyone have suggestions on how I can fix this? Any help would be greatly appreciated!

Thank you in advance.

Welcome to the forum @Iftikhar-ali515

Try using a difference browser.

Happy coding

Note, just posting a picture of your computer isn’t super helpful for us to try troubleshooting.

Before switching to Firefox, I was using Chrome, but it was not loading FreeCodeCamp properly and the sections wouldn’t open at all. Then I downloaded Firefox, and it worked perfectly for me for the last two months. Recently, I started facing this problem, so to check if it was a browser issue, I also installed Opera. However, Opera was also unable to load the FreeCodeCamp pages correctly. Firefox has always worked best for me, so I am not sure why this issue suddenly started.

Please tell me what other details should i post?

Are the browser versions up to date?

Yes, it is up to date, I have also noticed someone else here who faces the same problem.

This person also faces the same problem.

I noticed in the screen shot there is an error message below the url, not sure if it is related.

Can you try incognito mode?

The error message is not related to it, i tried in incognito mode but the problem is still there.

The area which i marked with red marker and black arrows pointed downwards, maybe there is no problem in the scrollbar, may it reaches to its original position at the top but this white layer is floating down and hiding the content of the instructions,index.html and styles.css.

can you try closing that The bookmark and hisotry system message you have?

I have tried it before, but it does not help.

Chrome usually gives the least amount of issues.

Can you post a screenshot of a lab using Chrome?

One without developer tools, and one with developer tools open.

I found its temporary solution, i did some changes in its css code related to floating area which hides the content.And it removed the floating area.

what about closing the message and reloading the page? did you try that?