Posicionamento do dropdown de breadcrumbs de categoria e tag problema

[Decrypt]

Olá! Estou tentando criar um tema personalizado, então fiz um fork do “air theme” e fiz algumas modificações, mas notei que o menu suspenso para as categorias e tags estava posicionado de forma estranha.

Você sabe o que pode causar isso? Eu não mudei nada relacionado a JS no meu tema, apenas mudei o CSS. Você pode verificar meu código aqui: GitHub - Decryptu/discourse-decrypt: A modern theme with a dark mode option.

Deve ser do meu tema, porque quando seleciono o “air theme” padrão, o menu suspenso fica posicionado no lugar certo. Eu também não alterei as propriedades “transform” ou “inset”.

Espero que alguém possa me ajudar, obrigado!

[awesomerobot (Kris)]

Esta é uma situação um tanto inesperada, mas parece que o posicionamento é impactado por

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

Remover essas linhas resolve o problema para mim.

Aparentemente, backdrop-filter cria um novo contexto de bloco em CSS, mais informações aqui… https://stackoverflow.com/a/52937920/1869753

Isso significa que seu elemento position:fixed será posicionado relativamente ao contêiner filtrado e não mais à viewport. Em outras palavras, ele ainda está fixo, mas dentro de seu novo bloco de contenção (o contêiner filtrado).

[Decrypt]

Nossa, obrigado pela descoberta, eu nunca teria pensado em remover isso, vou removê-los e tentar encontrar uma alternativa para o desfoque de fundo, muito obrigado