Hacktoberfest 2026 : les issues que les mainteneurs ont marquées pour octobre, ouvertes et accessibles aux débutants. Parcourir les issues Hacktoberfest

Tools screen: Results panel shows a double vertical scrollbar on long results

Ouverte Adaptée aux débutants
#2,525 1 commentaire 0 réactions 0 personnes assignées Voir sur GitHub

Les mainteneurs répondent en général sous 1 jour

Personne n'a encore pris cette issue.

Évaluation

Difficulté
2/5
Temps estimé
1-3 heures
Accessibilité débutants
82/100
Type d'issue
Bug
Clarté
Clairement spécifiée
Activité
Active
Stack technique
typescript
Domaine
frontend

Piste de recherche

Commencez dans clients/web/src/components/groups/ToolResultPanel/ToolResultPanel.tsx, où ResultScroll enveloppe ContentViewer et où les résultats JSON utilisent la vue de code Ace. Reproduisez le problème avec un résultat d’outil JSON long, puis examinez le ScrollArea externe et les conteneurs de défilement d’Ace. Le travail est terminé lorsque les longs résultats rendus par Ace affichent une seule barre de défilement verticale, tandis que les résultats en texte brut restent inchangés.

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

Description

bug v2

Problem

When a tool result is long enough to scroll, the Results panel on the Tools screen shows two vertical scrollbars side by side. It only happens when the result renders in the Ace code view (e.g. a JSON result); plain text results are unaffected. One scrollbar belongs to the Ace editor and the other to the panel's outer ScrollArea. They scroll the same content at different levels, which looks broken and makes it unclear which one to drag.

double scrollbar in the Results panel

Steps to reproduce

  1. Connect to a server and open the Tools tab.
  2. Call a tool whose result renders in the Ace code view (e.g. JSON) and is long enough to scroll, a few hundred lines.
  3. Look at the right edge of the Results panel: there are two stacked vertical scrollbars.

Seen in v2.8.0.

Expected

A single vertical scrollbar. Either the Ace editor fills the panel and owns scrolling, or the outer scroll area does and the viewer grows to its content height. Not both.

Pointers

clients/web/src/components/groups/ToolResultPanel/ToolResultPanel.tsx: ResultScroll (a ScrollArea) wraps ContentViewer, which renders JSON through Ace, and Ace has its own scroll container.

Langage dominant
TypeScript
Étoiles
11k
Forks
1.5k
Merge moyen
5 h 2 min
PR mergées (30 j)
137

Préparer son environnement

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de modelcontextprotocol/inspector

Toutes les issues de modelcontextprotocol/inspector

Issues similaires

Plus d'issues TypeScript

Recevez les nouvelles issues par e-mail

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