SEO Referencement Naturel
https://yuzu-hendaye.fr/

CLS imprévisible sur menu déroulant - qui a une solution ?
https://yuzu-hendaye.fr/viewtopic.php?t=12
Page 1 sur 1

Auteur :  emilie_marketing [ jeu. avr. 30, 2026 5:14 am ]
Sujet du message :  CLS imprévisible sur menu déroulant - qui a une solution ?

Problème bizarre : mon CLS passe de 0.02 à 0.35 aléatoirement à cause du menu mobile (Bootstrap 5). J'ai pourtant défini width/height en dur dans le CSS. Des pistes ?

Auteur :  onpage_freelance [ jeu. avr. 30, 2026 5:14 pm ]
Sujet du message :  Re: CLS imprévisible sur menu déroulant - qui a une solution ?

C'est le fameux 'layout shift' des menus ! As-tu réservé l'espace avec un padding-top équivalent ? Moi j'ai fixé ça avec un ::after en position absolute.

Auteur :  emilie_marketing [ jeu. avr. 30, 2026 8:14 pm ]
Sujet du message :  Re: CLS imprévisible sur menu déroulant - qui a une solution ?

Non justement, le menu apparaît en overlay donc pas de place réservée. Tu penses que je dois abandonner l'overlay ?

Auteur :  aurelie1973 [ ven. mai 01, 2026 4:14 am ]
Sujet du message :  Re: CLS imprévisible sur menu déroulant - qui a une solution ?

Pas forcément ! Ajoute un transform: translateX(100%) au lieu de display:none avant l'ouverture. Comme ça le navigateur calcule l'espace. Voir la doc Google sur les animations CLS-safe.

Auteur :  emilie_marketing [ ven. mai 01, 2026 5:14 am ]
Sujet du message :  Re: CLS imprévisible sur menu déroulant - qui a une solution ?

Génial, je teste ça ce soir. Et pour les icônes hamburger qui changent de taille, vous préconisez quoi ? SVG avec viewBox ?

Page 1 sur 1 Fuseau horaire sur UTC

Développé par phpBB® Forum Software © phpBB Limited

Traduction française officielle © Qiaeru