Problema posizionamento dropdown breadcrumbs categoria/tag

[Decrypt]

Ciao! Sto cercando di creare un tema personalizzato, quindi ho forked il “tema air” e ho apportato alcune modifiche, ma ho notato che il menu a discesa per le categorie e i tag era posizionato in modo strano.

Sai cosa potrebbe causarlo? Non ho cambiato nulla relativo a JS nel mio tema, ho cambiato solo CSS. Puoi controllare il mio codice qui: GitHub - Decryptu/discourse-decrypt: A modern theme with a dark mode option.

Deve provenire dal mio tema, perché quando seleziono il tema predefinito “air”, il menu a discesa è posizionato nel posto giusto. Inoltre, non ho modificato le proprietà “transform” o “inset”.

Spero che qualcuno possa aiutarmi, grazie!

[awesomerobot (Kris)]

Questa è una cosa un po’ inaspettata, ma sembra che il posizionamento sia influenzato da

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

Rimuovere quelle righe risolve il problema per me.

Apparentemente backdrop-filter crea un nuovo contesto di blocco in CSS, maggiori informazioni qui… https://stackoverflow.com/a/52937920/1869753

Ciò significa che il tuo elemento position:fixed sarà posizionato relativamente al contenitore filtrato e non più alla viewport. In altre parole, è ancora fisso ma all’interno del suo nuovo blocco contenitore (il contenitore filtrato)

[Decrypt]

Oh wow, grazie per la dritta non avrei mai pensato di rimuoverlo, li rimuoverò e cercherò un’alternativa allo sfocamento dello sfondo, grazie mille