Parar uma barra de rolagem horizontal piscando por baixo de cada botão

Fixkamo-internal
Navios
6 de setembro de 2026 às 06:47 UTC
Autor
Kamo
Enviar
e2363c8

Cada aba e sub-tab mudança no Centro de Interação desliza o painel de entrada em x: 12 (abas do painel) ou x: 10 (a bancada de trabalho dos Terminais). A transformar conta para o transbordamento de um elemento, então para os ~160ms de que deslize o painel realmente é uma dúzia de pixels mais largo do que a caixa segurando-o. Essa caixa era um recipiente de rolagem horizontal, que ninguém escreveu: CSS calcula overlow-x: visível para auto no momento em que o outro eixo não é visível, então `overflowY: 'auto'' por si só pede silenciosamente para ambas as barras. Os doze pixels foram medida como largura de rolagem e uma barra de largura total foi pintada ao longo do fundo da lista para o comprimento da animação, então retirado novamente. Estes painéis são listas — não há nada ao direito deles de rolarem qualquer uma das quatro abas — então cada roller agora nomeia ambos os eixos. oculto também leva o recipiente para fora do alcance da sobreposição inteiramente (ela tira apenas para auto, rolagem e sobreposição), que cobre as outras formas de uma criança transborda lateralmente: a parque de ações hover da linha de membros em translateX( 6px), e popLayout absolutamente posições que saem das secções na sua largura pré-refluxo. Verificado em um navegador real contra uma sonda da forma do painel: antes, uma aba Comutador de 12px de largura deslocável e desenhou uma barra no rolo de painel; Depois, o 12px ainda está lá e nenhum bar é desenhado. jsdom não tem barras de rolagem e não faz nenhum layout, então o guard ao lado de oneScrollbar.test.ts é de nível fonte, como O seu irmão.

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