DevTools Network tab header and footer toolbar controls overlap on narrow screens

Aperta
#10,004 0 commenti 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
65/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Attiva
Stack tecnologico
dart, flutter
Ambito
devtools, frontend

Direzione di ricerca

Inizia aprendo la scheda Network in Flutter DevTools, inclusa la relativa vista VS Code incorporata, e ridimensionala alle larghezze ridotte descritte. Ispeziona i controlli di filtro/esportazione nell’header e la barra di stato nel footer; il lavoro è completato quando rimangono utilizzabili senza sovrapporsi o venire tagliati, con layout compatti per le azioni secondarie.

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

Descrizione

Describe the bug
On narrow screens or side-panels, the header toolbar controls (filter input and export buttons) in the DevTools Network tab and the footer status bar elements overflow and overlap on top of each other instead of scaling responsively.

To Reproduce
Steps to reproduce the behavior:

  1. Open Flutter DevTools (or embedded DevTools inside VS Code).
  2. Resize the panel/window to a narrower width.
  3. Open the Network tab.
  4. Observe the header icons overlapping inside the filter container and footer elements clipping past the right border.

Expected behavior
Toolbar and status bar elements should gracefully adjust layout, hide text labels, or move secondary actions into an overflow menu (...) on compact screen widths.

Screenshots

Image Image

Please complete the following information:

You can run the Dart: Collect Diagnostic Information command from the VS Code command palette (F1) to easily capture this information or provide it manually.

  • Operating System and version: macOS
  • VS Code version: 1.136.1
  • Dart extension version: 3.142.0
  • Dart/Flutter SDK version: 3.47.2
  • Target device (if the issue relates to Flutter debugging):
Lingua principale
Dart
Stelle
1.7k
Fork
405
Merge medio
4g 23h
PR unite (30g)
12

Guida per i contributori

Apri la guida per i contributori

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 flutter/devtools

Tutte le issue di flutter/devtools

Issue simili

Altre issue su Dart

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.