Dar uma cabeça dica do próprio aplicativo, colocado de onde ele se senta

Featurekamo-internal
Navios
5 de setembro de 2026 às 02:15 UTC
Autor
Kamo
Enviar
1973b19

A etiqueta era a nativa do navegador `title` box: unstyled, e colocar onde quer que o outros 291 alvos pairando neste uso cromado, seta e tudo. Uma cabeça não é um alvo hover normal, por isso a dica é dirigida em vez de Acionado. Os próprios ouvintes da MUI estão todos desligados: o elemento que os ligaria é um invólucro transformado de tamanho zero nada pode pairar, e seu toque de longa pressão é o mesmo gesto que abre o menu de contexto da cabeça. O palco possui um compartilhado popper, abre-o do ponteiro do HexHead entrar / sair, e fecha-o em qualquer imprensa - uma etiqueta pendurada numa cabeça a ser atirada pelo ecrã não é uma etiqueta. A 400ms trilha de etiquetas piscando. A âncora é um elemento virtual lendo os valores de movimento da cabeça em cada chamada, não o nó DOM. Cabeças se movem escrevendo sua transformação diretamente para o DOM com nenhum React render no meio, para que um rect medido em aberto fique obsoleto no momento em que um refluxos de cluster em torno de uma janela recém- aberta; Popper é empurrado para re- execução sempre que esses valores mudam. Colocação é decidida de onde a cabeça está, por placeTooltip: abra longe do borda horizontal mais próxima, e para uma cabeça no terço exterior da tela alinhar a dica está perto da borda para que cresça para dentro em vez de ser empurrado de volta ecrã. Popper's flip and preventOverflow fica por baixo como a rede de segurança, ligado o viewport com a mesma banda 8px keep-out que o menu de contexto usa — eles cobrem o que a geometria por si só não pode, um título maior do que o espaço que a colocação deixa. Verificado no Chrome, não só em jsdom: oito posições de cabeça (quatro cantos, o centro, um título de 90 caracteres no canto, e duas cabeças arrastadas para fora da borda) através de um 1200x800 e um viewport 480x900, todos os dezesseis rótulos totalmente dentro do margem; e uma cabeça movido 250x120px pelo valor de movimento sozinho, com o rótulo Estou a segui-lo até ao pixel.

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