fix: prevent background scroll when popup is open

[Sachinxmpl]

Description

• Added css class popup-open in globals.css
• body.popup-open {
  overflow: hidden;
  position: fixed;
  width: 100%;
  }
• When pop is open css class popup-open is added to body. This ensures background doesn't overflow.
• Works in desktop, mobile

Related issue(s)

Fixes #852

[netlify]

✅ Deploy Preview for peaceful-ramanujan-288045 ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	f12052e
🔍 Latest deploy log	https://app.netlify.com/projects/peaceful-ramanujan-288045/deploys/695ff7bc69c13b00083bf6df
😎 Deploy Preview	https://deploy-preview-854--peaceful-ramanujan-288045.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[github-actions]

Welcome to AsyncAPI. Thanks a lot for creating your first pull request. Please check out our contributors guide useful for opening a pull request.
Keep in mind there are also other channels you can use to interact with AsyncAPI community. For more details check out this issue.

[princerajpoot20]

LGTM! Good work.
Thanks for the contribution

[princerajpoot20]

@AceTheCreator @thulieblack PTAL

[AceTheCreator]

LGTM! 🚀

[AceTheCreator]

@Sachinxmpl i think this changes is making the test fail, kindly look into it :)

[Sachinxmpl]

@AceTheCreator My current implementation uses position: fixed on body.
7 cypress tests (that contains .should('be.visible')) are failing as it prevents Cypress from scrolling to test elements.
I think during cypress test we should close the popup like we do in some tests.

[AceTheCreator]

@AceTheCreator My current implementation uses position: fixed on body. 7 cypress tests (that contains .should('be.visible')) are failing as it prevents Cypress from scrolling to test elements. I think during cypress test we should close the popup like we do in some tests.

Yea, i agree we close the popup during test

[Sachinxmpl]

@AceTheCreator Can i create a issue regarding closing popup during tests. And work on it?

[princerajpoot20]

@Sachinxmpl You should do this work as part of this PR only. The reason is that it is not a separate task—it is just updating the test cases to align with your current changes. Hence, it must go in the same PR

Another reason is how we can merge this PR if the pipeline is failing due to test failures introduced by your changes.

[AceTheCreator]

@thulieblack, do we still need the pop-up in any instance moving forward, except for promoting Developer Week?

[TenzDelek]

gentle ping @thulieblack

[thulieblack]

No we no longer need it as for now, we can hide it for future instances