Bug: Secure Exec hero copy disappears on mobile
Los mantenedores suelen responder en 1 día
@Utkarshpandey0001 ya está trabajando en esto.
Desde el 26/9/2026.
- #107 de @Utkarshpandey0001 — abierto
Evaluación
- Dificultad
- 2/5
- Tiempo estimado
- 1-3 horas
- Aptitud para principiantes
- 88/100
- Tipo de issue
- Error
- Claridad
- Bien especificado
- Estado de actividad
- Activo
- Stack tecnológico
- typescript
- Área
- frontend
Línea de trabajo
Empieza en el punto de entrada de la página /secure-exec/ e inspecciona la disposición del hero móvil, especialmente el fondo de lightning con posicionamiento absoluto y el orden de pintado del contenido del hero. Verifica la página en 390 × 844, 768 × 1024 y 1440 × 900; se considera completado cuando el título, la descripción y ambas acciones siguen siendo visibles, mientras la animación permanece detrás de ellos y no se produce overflow horizontal.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
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.
- Lenguaje dominante
- TypeScript
- Estrellas
- 2
- Forks
- 6
- Merge medio
- 6 h 43 min
- PR fusionados (30 d)
- 56
Preparar el entorno
- Incluye un Dockerfile o un archivo de Docker Compose
- Sin plantilla de pull request
- Sin guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de rivet-dev/website
-
Dificultad 3/5 1-2 días Aptitud para principiantes 62/100
rivet-dev/website#126 · 1 comentario ·
Los mantenedores suelen responder en 1 día
-
Bug: Contact form submission fails because of invalid `FormData` conversionPosiblemente ocupada Un pull request vinculado a esta issue está abierto o ya se fusionó. Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 25/100
Los mantenedores suelen responder en 1 día
Todos los issues de rivet-dev/website
Issues similares
-
bug priority:low ready-for-dev
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 70/100
Automattic/data-liberation-agent#685 ·
Los mantenedores suelen responder en 1 día
-
Business
Dificultad 2/5 1-3 horas Aptitud para principiantes 66/100
Los mantenedores suelen responder en 1 día
-
bug
Dificultad 2/5 1-3 horas Aptitud para principiantes 83/100
txn2/mcp-data-platform#2063 ·
Los mantenedores suelen responder en 1 día
-
bug
Dificultad 1/5 Menos de una hora Aptitud para principiantes 77/100
Crosstalk-Solutions/project-nomad#1427 ·
Los mantenedores suelen responder en 2 días