Donnez à la tête de l'infobulle de l'application, placée à partir de l'endroit où elle se trouve

Featurekamo-internal
Expédié
5 septembre 2026 à 02:15 UTC
Auteur
Kamo
Commite
1973b19

L'étiquette était la boîte native du navigateur "title": unstyled, et mettre où d'autres cibles 291 survol dans cette utilisation de chrome, flèche et tout. Une tête n'est pas une cible plane normale, de sorte que l'infobulle est entraînée plutôt que déclenchement. Les propres auditeurs de MUI sont tous désactivés: l'élément auquel il les lierait est une enveloppe de transformée de taille zéro rien ne peut voler, et son toucher long-presse est le même geste qui ouvre le menu contextuel de la tête. La scène est propriétaire d'une même popper, l'ouvre sur le pointeur de HexHead, entrez/leave, et le ferme sur n'importe quelle presse une étiquette suspendue d'une tête qui est jetée à travers l'écran n'est pas une étiquette. 400 m traînée d'étiquettes clignotantes. L'ancre est un élément virtuel lisant les valeurs de mouvement de la tête sur chaque appel, pas le noeud DOM. Les têtes se déplacent en écrivant leur transformée directement au DOM avec pas React rendre entre les deux, donc un rect mesuré à l'air libre va périr le moment a reflue du groupe autour d'une fenêtre nouvellement ouverte; Popper est poussé à refaire chaque fois que ces valeurs changent. Le placement est décidé d'où la tête est, par placeOutil: ouvert loin de la un bord horizontal plus proche, et pour une tête dans le tiers extérieur de l'écran aligner l'embout est proche de lui de sorte qu'elle pousse vers l'intérieur au lieu d'être enfilée sur écran. Popper's flip and preventOverflow reste en dessous comme filet de sécurité, sur la fenêtre d'affichage avec le même 8px bande de maintien que le menu contextuel utilise - ils couvrent quelle géométrie seule ne peut pas, un titre plus large que l'espace que le positionnement laisse. Vérifié en chrome, pas seulement en jsdom: huit positions de tête (quatre coins, le centre, un titre de 90 caractères dans le coin, et deux têtes ont traîné du bord) sur une fenêtre de 1200x800 et une fenêtre de 480x900, les seize étiquettes entièrement à l'intérieur du marge; et une tête déplacée 250x120px par la valeur de mouvement seule, avec l'étiquette le suivre jusqu'au pixel.

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