contentlayerdev / contentlayerdev/website

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

未关闭
#110 3 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
主要语言
TypeScript
星标
132
派生
57
PR 合并指标
30 天内没有已合并 PR

描述

### 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)

贡献指南

这个仓库没有索引到贡献指南

调研方向

在文档页面上滚动,然后通过搜索栏或 Ctrl+K/Cmd+K 打开 Search,以复现该问题。检查 Search Modal 和 Sticky Nav 的入口及其层叠关系;当 modal 完全覆盖 nav,并且在滚动后仍可使用时,即表示完成。

由索引模型根据 Issue 内容生成。

评估

技术栈
typescript
领域
frontend
Issue 类型
缺陷
难度
2/5
预计耗时
1-3 小时
活跃度
停滞
描述清晰度
基本清楚
新手友好度
45/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。