- Verschifft
- 7. August 2026 um 04:29 UTC
- Autor
- kamo
- Ausschuss
- c2132dc
Zwei Ursachen, beide meine. Keine Polsterung. TabPanel liefert absichtlich keine - jede Registerkarte selbst, und ich hatte nicht. Die Shell verwendet jetzt p:{xs:3,md:4", passend zu MyAccountTab, also Überschriften und Karten nicht mehr bündig gegen die Ränder sitzen. Fehlende MinWidth:0. Das ist es, was Inhalte tatsächlich über den rechten Rand geschoben. A flex Kind Standardtmäßigen auf min-breite:auto, so dass es sich weigert, unter dem intrinsischen schrumpfen Breite seines breitesten Nachfahren - hier ein Tisch - und baut den Container stattdessen an. TabPanel setzt overflowX:hidden, so dass Wachstum ist CLIPPED statt gescrollt, weshalb Titel und Kontrollen ohne Scrollbar von der Seite liefen, um sie zu enthüllen. Das Hinzufügen von minWidth:0 zur Schale und zu allen vier Panelwurzeln lässt sie schrumpfen; MUI's TableContainer ist bereits overflow-x:auto, so dass eine breite Tabelle jetzt in seinem eigene Karte, anstatt die Seite damit zu ziehen. Die Tab-Bar Clipping der letzten Registerkarte ist nicht Teil davon: es hat bereits overflowX:auto mit flexShrink:0 pro Tab, so dass es nach Design scrollt.