Pare o conteúdo da aba transbordando e tocando as paredes

Fixkamo-internal
Navios
7 de agosto de 2026 às 04:29 UTC
Autor
kamo
Enviar
c2132dc

Duas causas, ambas minhas. Nada de estofamento. TabPanel deliberadamente não fornece nenhum — cada tabpads em si, e eu tinha Não. A shell agora usa p:{xs:3, md:4}, combinando MyAccountTab, então cabeçalhos e cartas Já não se sentam contra as bordas. MinWidth:0 em falta. Isto é o que realmente empurrou o conteúdo para além da borda direita. A flexiona o padrão da criança para min-width:auto, então ela se recusa a encolher abaixo do intrínseco largura de seu descendente mais largo — aqui uma mesa — e cresce o recipiente em vez disso. TabPanel sets overflowX: escondido, de modo que o crescimento é CLIPPED em vez de rolado, e foi por isso que os títulos e controles saíram do lado sem nenhuma barra de rolagem para os revelar. Adicionando minWidth: 0 para o shell e para todas as quatro raizes do painel permite que encolhem; MUI's TableContainer já está transbordando-x:auto, então uma tabela larga agora rola dentro de sua cartão próprio em vez de arrastar a página com ele. A barra de páginas que recorta a última página não faz parte disto: já tem overflowX:auto com flexShrink:0 por aba, então ele rola por design.

Todas as alterações

Como o que vês no transporte?

Cada uma dessas atualizações pousa automaticamente em seu espaço de trabalho. Comece grátis e veja crescer semana após semana.

Começar Livre Para SempreVer Preços