flutter / flutter/devtools

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

Ouverte
#10,004 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub
Langage dominant
Dart
Étoiles
1.7k
Forks
404
Merge moyen
6 j 17 h
PR mergées (30 j)
18

Description

**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):

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Commencez par ouvrir l’onglet Network dans Flutter DevTools, y compris sa vue VS Code intégrée, et redimensionnez-le aux largeurs étroites décrites. Inspectez les contrôles de filtrage/exportation de l’en-tête et la barre d’état du pied de page ; le travail est considéré comme terminé lorsqu’ils restent utilisables sans se chevaucher ni être tronqués, avec des mises en page compactes pour les actions secondaires.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
dart, flutter
Domaine
devtools, frontend
Type d'issue
Bug
Difficulté
3/5
Temps estimé
1-2 jours
Activité
Active
Clarté
Plutôt claire
Accessibilité débutants
65/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.