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

Horizontal scroll for tabs

Ouverte
#137 9 commentaires 24 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Évaluation

Difficulté
3/5
Temps estimé
1-2 jours
Accessibilité débutants
35/100
Type d'issue
Fonctionnalité
Clarté
Plutôt claire
Activité
À l'abandon
Stack technique
javascript, react
Domaine
frontend

Piste de recherche

Commencez par localiser l’implémentation de TabList et son comportement existant pour la navigation entre les onglets. Examinez la manière dont le composant gère les onglets qui dépassent la largeur disponible, puis implémentez un défilement horizontal limité à TabList. Le travail est terminé lorsque les onglets restent utilisables lorsqu’ils sont trop nombreux pour tenir, tandis que la mise en page du panneau reste inchangée.

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

Description

enhancement

I have a case where I would need to scroll horizontally because there are too many open tabs.
Would you be interested if I prepare a PR adding support for it?
Mockup:

< | tab 1 | tab 2 | tab 3 | tab 4 | > 
-------------------------------------
|              Panel                |
-------------------------------------

PS: The scroll would be only for the TabList.

Langage dominant
JavaScript
Étoiles
3.1k
Forks
455
Merge moyen
5 h 9 min
PR mergées (30 j)
2

Guide de contribution

Aucun guide de contribution indexé pour ce dépôt

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 reactjs/react-tabs

Toutes les issues de reactjs/react-tabs

Issues similaires

Plus d'issues JavaScript

Recevez les nouvelles issues par e-mail

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