contentlayerdev / contentlayerdev/website

[🐛 BUG ] Search Modal is getting overlapped by Sticky Nav

Open
#110 3 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
132
Forks
57
PR merge metrics
No merged PRs in 30d

Description

### Hi team! 👋 David here

Found this error on the docs page 🐛

So usually when you click on the Search bar or use `Ctrl+K` or `Cmd+k` you'll see something like this ⬇️

![image](https://github.com/contentlayerdev/website/assets/57787993/5eacee89-2b94-4476-aff3-a773f47edfce)

But, when you scroll just a little bit down to read the documentation and do the same thing, the Sticky Nav which indicates the current docs section where you currently are overlaps the Search Modal like this

![image](https://github.com/contentlayerdev/website/assets/57787993/3466e626-791a-4acb-97c9-93cbffa8ec6b)

### Expected behavior
I would expect to see something similar as the first image like this

![image](https://github.com/contentlayerdev/website/assets/57787993/bd159760-d241-493c-9006-794b559be8a8)

Contributor guide

No contributing guide indexed for this repository

Research direction

Reproduce the issue on the documentation page by scrolling, then opening Search with the search bar or Ctrl+K/Cmd+K. Inspect the Search Modal and Sticky Nav entry points and their layering; done means the modal fully covers the nav and remains usable after scrolling.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.