Deux éléments sticky sur le même pixel
Two sticky top-0 elements pinned to the same pixel at phone width, so the section nav painted over the app header. Fixed by measuring the header's real height.
Visible seulement en s'en servant
Invisible à la relecture du code. Trouvé en étant le vrai utilisateur, sur un vrai appareil, à une vraie largeur.
À largeur de téléphone, la navigation de saut de section de la page de détail d'organisation (sticky top-0, z-30) se fixait au même pixel que l'en-tête de l'application (sticky top-0, z-20) et peignait par-dessus, cachant le logo, le sélecteur de langue et la moitié du bouton Créer un compte. Aucun des deux éléments ne sait que l'autre existe ; c'est tout le bug.
Le correctif qui se généralise : mesure la hauteur réellement rendue de l'en-tête avec un ResizeObserver, et n'applique le décalage que quand sa position calculée est réellement sticky ou fixed, pour qu'il se résolve à 0 pour les utilisateurs connectés où l'en-tête n'est pas fixé, et suive le retour mobile à deux lignes de l'en-tête et la mise en page RTL gratuitement. Un décalage codé en dur aurait été faux dans trois de ces quatre états.