Bug: Secure Exec hero copy disappears on mobile
维护者通常 1 天内回复
评估
- 难度
- 2/5
- 预计耗时
- 1-3 小时
- 新手友好度
- 88/100
- Issue 类型
- 缺陷
- 描述清晰度
- 描述清楚
- 活跃度
- 活跃
- 技术栈
- typescript
- 领域
- frontend
调研方向
从 /secure-exec/ 页面入口开始，检查移动端 hero 布局，尤其是绝对定位的 lightning 背景以及 hero 内容的绘制顺序。在 390 × 844、768 × 1024 和 1440 × 900 下验证页面；当标题、描述和两个操作都保持可见，同时动画位于它们后方且没有水平溢出时，即表示完成。
由索引模型根据 Issue 内容生成。
描述
Secure Exec hero title and description are hidden on mobile
Description
On the Secure Exec landing page, the hero title and supporting description disappear at mobile viewport widths. The Secure Exec logo and Get Started button are still visible, but a large empty space appears between them.
The same hero content renders correctly on desktop. This makes the mobile page look unfinished and removes the main explanation of what Secure Exec does.
Mobile — actual behavior
The title and description are missing between the logo and call-to-action.
Desktop — expected behavior
The desktop layout correctly displays the following content:
- Secure Node.js Execution Without a Sandbox
- The supporting product description
- The Get Started and install command actions
Steps to reproduce
- Open
/secure-exec/. - Set the browser viewport to a mobile width, such as
390 × 844. - Scroll to the top of the page.
- Observe the empty area between the Secure Exec logo and the Get Started button.
- Increase the viewport to desktop width and confirm that the missing title and description become visible.
Expected behavior
The hero title and supporting description should remain visible and readable at every supported viewport size.
Actual behavior
At mobile widths, the title and description occupy layout space but are visually covered. Only the logo and call-to-action remain visible.
Impact
- Mobile visitors cannot immediately understand what Secure Exec provides.
- The large unexplained gap makes the page appear broken.
- The primary product message is unavailable at a high-traffic responsive breakpoint.
Suspected cause
The absolutely positioned lightning background is painted above normal-flow hero content on mobile. On desktop, the parallax transform creates a stacking context that keeps the copy visible; the transform is removed when isMobile is true.
The hero content should have an explicit stacking layer, for example relative z-10, rather than relying on the desktop transform to establish its paint order.
Acceptance criteria
- The hero title and description are visible at mobile, tablet, and desktop widths.
- The lightning animation remains visible behind the hero content.
- Both call-to-action controls remain usable.
- No horizontal overflow is introduced by the description text.
- The layout is verified at
390 × 844,768 × 1024, and1440 × 900.
- 主要语言
- TypeScript
- 星标
- 2
- 派生
- 6
- 平均合并
- 6 小时 43 分钟
- 30 天内合并 PR
- 56
环境准备
- 提供 Dockerfile 或 Docker Compose 文件
- 没有 Pull Request 模板
- 没有贡献指南
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
rivet-dev/website 的其他 Issue
-
难度 3/5 1-2 天 新手友好度 62/100
rivet-dev/website#126 · 1 条评论 ·
维护者通常 1 天内回复
-
Bug: Contact form submission fails because of invalid `FormData` conversion可能已有人在做 关联的 PR 仍在进行中或已合并。 未关闭
难度 2/5 1-3 小时 新手友好度 25/100
维护者通常 1 天内回复
查看 rivet-dev/website 的全部 Issue
相似的 Issue
-
[Feature]: [P3] engine-rs: the package source hash should ignore line endings and untracked files未关闭
难度 2/5 1-3 小时 新手友好度 70/100
maniator/verticopolis#880 ·
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 72/100
-
难度 2/5 1-3 小时 新手友好度 62/100
siyuan-note/siyuan#20353 ·
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 72/100
black-forest-labs/skills#17 ·
-
难度 2/5 1-3 小时 新手友好度 68/100
Albert-Weasker/niubigeo#168 ·
维护者通常 1 天内回复