Problème de positionnement du dropdown des breadcrumbs de catégorie et tag

Dev
1

Bonjour ! J’essaie de créer un thème personnalisé, j’ai donc forké le « air theme » et j’ai apporté quelques modifications, mais j’ai remarqué que le menu déroulant pour les catégories et les tags était positionné de manière étrange.

Capture d’écran 2023-07-25 à 16.55.35
Capture d’écran 2023-07-25 à 16.55.351920×1200 178 KB

Savez-vous ce qui pourrait causer cela ? Je n’ai rien changé concernant le JS dans mon thème, j’ai seulement modifié le CSS. Vous pouvez consulter mon code ici : GitHub - Decryptu/discourse-decrypt: A modern theme with a dark mode option.

Cela doit venir de mon thème, car lorsque je sélectionne le « air theme » par défaut, le menu déroulant est positionné au bon endroit. Je n’ai pas non plus modifié les propriétés « transform » ou « inset ».

J’espère que quelqu’un pourra m’aider, merci !

1 « J'aime »
2

C’est un peu inattendu, mais il semble que le positionnement soit affecté par

html body #main-outlet {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

La suppression de ces lignes résout le problème pour moi.

Apparemment, backdrop-filter crée un nouveau contexte de bloc en CSS, plus d’informations ici… https://stackoverflow.com/a/52937920/1869753

Cela signifie que votre élément position:fixed sera positionné relativement au conteneur filtré et non plus à la fenêtre d’affichage. En d’autres termes, il est toujours fixe mais à l’intérieur de son nouveau bloc contenant (le conteneur filtré)

6 « J'aime »
3

Oh wow, merci pour cette découverte, je n’aurais jamais pensé à le supprimer, je vais les supprimer et essayer de trouver une alternative au flou d’arrière-plan, merci beaucoup

1 « J'aime »
4

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.