DevTools Network tab header and footer toolbar controls overlap on narrow screens
Los mantenedores suelen responder en 2 días
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Aptitud para principiantes
- 65/100
Línea de trabajo
Comienza abriendo la pestaña Network en Flutter DevTools, incluida su vista integrada de VS Code, y cambia su tamaño a los anchos reducidos descritos. Inspecciona los controles de filtrado/exportación del encabezado y la barra de estado del pie; se considera completado cuando siguen siendo utilizables sin superponerse ni quedar recortados, con diseños compactos para las acciones secundarias.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
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:
- Open Flutter DevTools (or embedded DevTools inside VS Code).
- Resize the panel/window to a narrower width.
- Open the Network tab.
- 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
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):
- Lenguaje dominante
- Dart
- Estrellas
- 1.7k
- Forks
- 406
- Merge medio
- 3 d 13 h
- PR fusionados (30 d)
- 12
Preparar el entorno
- Sin Dockerfile ni archivo de Docker Compose
- Tiene una plantilla de pull request
- Leer la 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 flutter/devtools
-
Dificultad 1/5 Menos de una hora Aptitud para principiantes 92/100
Los mantenedores suelen responder en 2 días
-
P1 type-code-health
Dificultad 2/5 1-3 horas Aptitud para principiantes 85/100
flutter/devtools#9973 · 3 comentarios ·
Los mantenedores suelen responder en 2 días
-
`dcm analyze` false positivesAbiertocost: low P2 type-code-health
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
flutter/devtools#9942 · 3 comentarios ·
Los mantenedores suelen responder en 2 días
-
contributions welcome cross-screen inspector-2.0-polish P2
Dificultad 2/5 1-3 horas Aptitud para principiantes 65/100
flutter/devtools#8936 · 3 comentarios ·
Los mantenedores suelen responder en 2 días
-
Support removing storage keysAbiertocross-screen P3
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
Los mantenedores suelen responder en 2 días
Todos los issues de flutter/devtools
Issues similares
-
Flutter Improvement Waiting for: Product Owner
Dificultad 2/5 1-3 horas Aptitud para principiantes 86/100
getsentry/sentry-dart#4061 · 2 comentarios ·
Los mantenedores suelen responder en 3 días
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
rokwire/illinois-app#6060 ·
-
Reordering brands downward puts the item in the wrong position (Basic details → Brand names)Abierto
Dificultad 1/5 Menos de una hora Aptitud para principiantes 92/100
openfoodfacts/smooth-app#7817 ·
Los mantenedores suelen responder en 1 día
-
Dificultad 1/5 Menos de una hora Aptitud para principiantes 92/100
flutter/agent-plugins#245 ·
-
Dificultad 1/5 Menos de una hora Aptitud para principiantes 90/100