fix: navigation menu hiding search results

[code-reaper08]

Fixes #1082

Signed-off-by: Vishwa R v.i.s.h.w.a.08.11.2001@gmail.com

[jetstack-bot]

Hi @code-reaper08. Thanks for your PR.

I'm waiting for a cert-manager member to verify that this patch is reasonable to test. If it is, they should reply with /ok-to-test on its own line. Until that is done, I will not automatically test new commits in this PR, but the usual testing commands by org members will still work. Regular contributors should join the org to skip this step.

Once the patch is verified, the new status will be reflected by the ok-to-test label.

I understand the commands that are listed here.

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository.

[netlify]

✅ Deploy Preview for cert-manager-website ready!

Name	Link
🔨 Latest commit	91da8e3
🔍 Latest deploy log	https://app.netlify.com/sites/cert-manager-website/deploys/6337fd4b131d760009e1bc44
😎 Deploy Preview	https://deploy-preview-1084--cert-manager-website.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 site settings.

[code-reaper08]

/assign @meyskens

[code-reaper08]

Hello @meyskens 😄
This PR hopes to fix the issue #1082

Tested the same on devtools too!

[code-reaper08]

Hello @meyskens 👋
Just thought to remind you on this PR here.
Will help a lot for me, if you have a look.

Thanks!

[wallrj]

Thanks @code-reaper08 and apologies for the delayed reply.

I visited cert-manager.io on a Samsung phone and recreated the problem and then visited the netlify PR preview site and observed that the search menu is now fully visible.

@relativelyrehan This seems like a simpler solution than #1102 but thank you both for helping to fix this problem.

/ok-to-test
/approve
/lgtm

[jetstack-bot]

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: code-reaper08, wallrj

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Needs approval from an approver in each of these files:

• OWNERS [wallrj]

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

[relativelyrehan]

@wallrj @code-reaper08 you're welcome. I just want to point out one little thing. My PR along with solving UI issues also helps with the UX issue as in my solution I made the menu alert to outside clicks such that the menu closed not only on tapping at hamburger but with tapping outside the container too. Nonetheless, happy to help 😊

[wallrj]

@wallrj @code-reaper08 you're welcome. I just want to point out one little thing. My PR along with solving UI issues also helps with the UX issue as in my solution I made the menu alert to outside clicks such that the menu closed not only on tapping at hamburger but with tapping outside the container too. Nonetheless, happy to help blush

Ah, I didn't appreciate that. I only clicked on the Algolia "cancel" button when I was testing.

[code-reaper08]

@wallrj @code-reaper08 you're welcome. I just want to point out one little thing. My PR along with solving UI issues also helps with the UX issue as in my solution I made the menu alert to outside clicks such that the menu closed not only on tapping at hamburger but with tapping outside the container too. Nonetheless, happy to help 😊

That was really a nice observation @relativelyrehan 🤝💥