Problema de posicionamiento del desplegable de breadcrumbs de categoría y etiqueta

[Decrypt]

¡Hola! Estoy intentando crear un tema personalizado, así que hice un fork del “air theme” e hice algunas modificaciones, pero noté que el menú desplegable de categorías y etiquetas estaba posicionado de forma extraña.

¿Sabes qué podría causar esto? No cambié nada relacionado con JS en mi tema, solo cambié CSS. Puedes revisar mi código aquí: GitHub - Decryptu/discourse-decrypt: A modern theme with a dark mode option.

Debe venir de mi tema, porque cuando selecciono el “air theme” predeterminado, el menú desplegable se posiciona en el lugar correcto. Tampoco cambié las propiedades “transform” o “inset”.

¡Espero que alguien pueda ayudarme, gracias!

[awesomerobot (Kris)]

Esto es un poco inesperado, pero parece que el posicionamiento se ve afectado por

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

Eliminar esas líneas lo soluciona para mí.

Aparentemente backdrop-filter crea un nuevo contexto de bloque en CSS, más información aquí… https://stackoverflow.com/a/52937920/1869753

Esto significa que su elemento position:fixed se posicionará relativamente al contenedor filtrado y no más a la ventana gráfica. En otras palabras, todavía está fijo pero dentro de su nuevo bloque contenedor (el contenedor filtrado)

[Decrypt]

Vaya, gracias por el hallazgo, nunca se me habría ocurrido quitar eso, los quitaré y trataré de encontrar una alternativa al desenfoque del fondo, muchas gracias.