Arrêter le contenu de la languette déborde et touchant les murs

Fixkamo-internal
Expédié
7 août 2026 à 04:29 UTC
Auteur
kamo
Commite
c2132dc

Deux causes, les deux miennes. Pas de rembourrage. TabPanel n'a délibérément fourni aucun - tous les tablets eux-mêmes, et j'avais Non. La coque utilise maintenant p:xs:3,md:4-, correspondant à MyAccountTab, donc en-têtes et cartes ne plus s'asseoir à fleur contre les bords. Missing minWidth:0. C'est ce qui a en fait poussé le contenu au-delà du bord droit. A flex enfant par défaut à min-width:auto, donc il refuse de se rétrécir en dessous de la intrinsèque la largeur de son descendant le plus large - ici une table - et pousse le récipient à la place. TabPanel met en place un débordementX:cidée, de sorte que la croissance est CLIPPED plutôt que défilée, C'est pourquoi les titres et les contrôles se sont éteints du côté sans barre de défilement pour les révéler. L'ajout de minWidth:0 à la coque et aux quatre racines du panneau leur permet de se rétrécir; MUI TableContainer est déjà dévers-x:auto, donc une table large maintenant défile à l'intérieur de son propre carte au lieu de faire glisser la page avec elle. La barre de languette clipsant la dernière languette n'en fait pas partie: il a déjà overflowX:auto avec flexShrink:0 par onglet, donc il défile par conception.

Tous les changements

Comme ce que tu vois expédier ?

Chacune de ces mises à jour atterrit automatiquement dans votre espace de travail. Commencez gratuitement et regardez-le grandir semaine après semaine.

Commencez gratuitement pour toujoursPrix de visualisation