Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Embedded video nested in admonition does not scale down on small screens

Aperta
#2,433 1 commento 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
35/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Ferma
Stack tecnologico
html

Direzione di ricerca

Apri la pagina Passkeys in Action collegata nell’issue e riproduci l’overflow del video con un viewport di circa 414px. Ispeziona il video incorporato e il relativo contenitore di admonition per identificare il punto di ingresso rilevante dello stile della documentazione. Il lavoro è completato quando il video si ridimensiona all’interno dell’elemento padre senza causare overflow orizzontale sugli schermi piccoli.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

bug
Preflight checklist
Ory Network Project

No response

Describe the bug

On mobile viewports, the YouTube video player inside admonitions does not scale to the width of its parent container. Instead, it appears to have a fixed width, causing it to overflow or appear wider than the surrounding content.

Reproducing the bug
  1. Open the documentation page containing the Passkeys in Action Link
  2. Switch to a small viewport (e.g. iPhone XR, ~414px width) using dev tools or just resizing the window.
On which operating system are you observing this issue?

Chrome
Version 144.0.7559.97 (Official Build) (arm64)

Additional Context
<video tabindex="-1" aria-hidden="true" class="video-stream html5-main-video" webkit-playsinline="" playsinline="" controlslist="nodownload" style="width: 560px; height: 315px; left: 0px; top: -315px;"></video>
Lingua principale
TypeScript
Stelle
161
Fork
1.9k
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di ory/docs

Tutte le issue di ory/docs

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.