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

[Feature]: Safe area / Inset emulation

Chiusa
#43,283 1 commento 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
5/5
Tempo stimato
Più di una settimana
Idoneità per principianti
35/100
Tipo di issue
Funzionalità
Chiarezza
Abbastanza chiara
Stato di attività
Attiva
Stack tecnologico
playwright, typescript
Ambito
testing-qa

Direzione di ricerca

Start by reading Playwright’s browser emulation APIs and how viewport and screen sizes are configured. Check the Chromium debugging protocol support for Emulation.setSafeAreaInsetsOverride, then compare what WebKit and Firefox expose. Done means Playwright can configure safe area insets and overlays across the supported browser engines to test embedded mobile layouts.

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

Descrizione

🚀 Feature Request

It would be great if we specify viewport sizes separately from screen sizes, so as to allow testing against emulated versions of mobile browser rendering engines with insets and overlays (such as notification drawers and on-screen keyboards).

  • Chromium has official support for this in their debugging protocol (behind an experimental flag), via "Emulation.setSafeAreaInsetsOverride".
  • It's somewhat possible to do this in Webkit, as methods to do this are supported internally, but there are not currently any debug protocol or UI for setting anything like this.
  • Firefox does not yet ship anything that can be used for simulating this yet, so is in the same state as Webkit.
Example

No response

Motivation

Supporting this would allow for Playwright to be configured to better reflect browser environments when embedded inside apps on Android / iOS devices.

Lingua principale
TypeScript
Stelle
97.4k
Fork
6.6k
Merge medio
18h 15m
PR unite (30g)
318

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 microsoft/playwright

Tutte le issue di microsoft/playwright

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.