Bug: Secure Exec hero copy disappears on mobile
I maintainer di solito rispondono entro 1 giorno
Valutazione
- Difficoltà
- 2/5
- Tempo stimato
- 1-3 ore
- Idoneità per principianti
- 88/100
- Tipo di issue
- Bug
- Chiarezza
- Specificata chiaramente
- Stato di attività
- Attiva
- Stack tecnologico
- typescript
- Ambito
- frontend
Direzione di ricerca
Inizia dal punto di ingresso della pagina /secure-exec/ e analizza il layout dell’hero mobile, in particolare lo sfondo lightning posizionato in modo assoluto e l’ordine di pittura del contenuto dell’hero. Verifica la pagina a 390 × 844, 768 × 1024 e 1440 × 900; il lavoro è completato quando il titolo, la descrizione e entrambe le azioni rimangono visibili, mentre l’animazione resta dietro di loro senza overflow orizzontale.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
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.
- Lingua principale
- TypeScript
- Stelle
- 2
- Fork
- 6
- Merge medio
- 9h 29m
- PR unite (30g)
- 66
Preparare l'ambiente
- Include un Dockerfile o un file Docker Compose
- Nessun modello di pull request
- Nessuna guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di rivet-dev/website
-
Difficoltà 3/5 1-2 giorni Idoneità per principianti 62/100
rivet-dev/website#126 · 1 commento ·
I maintainer di solito rispondono entro 1 giorno
-
Bug: Contact form submission fails because of invalid `FormData` conversionForse già presa Una pull request collegata a questa issue è aperta o già unita. Aperta
Difficoltà 2/5 1-3 ore Idoneità per principianti 25/100
I maintainer di solito rispondono entro 1 giorno
Tutte le issue di rivet-dev/website
Issue simili
-
ai-driven-qa bug claude Minor
Difficoltà 2/5 1-3 ore Idoneità per principianti 70/100
linagora/twake-contacts-frontend#241 ·
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100
I maintainer di solito rispondono entro 1 giorno
-
ui(ListToolbar): search takes the full row on a phone instead of sharing it with the result countAperta
Difficoltà 2/5 1-3 ore Idoneità per principianti 64/100
I maintainer di solito rispondono entro 1 giorno
-
priority:high
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 70/100
ahmedkhaleel2004/gitdiagram#228 ·