Проблема с позиционированием выпадающего списка хлебных крошек категорий и тегов

[Decrypt]

Привет! Я пытаюсь создать собственную тему, поэтому я форкнул тему «Air» и внес некоторые изменения, но заметил, что выпадающее меню для категорий и тегов расположено странным образом.

Не знаете, что могло стать причиной этого? Я не менял ничего, связанного с JS в своей теме, изменил только CSS. Вы можете посмотреть мой код здесь: GitHub - Decryptu/discourse-decrypt: A modern theme with a dark mode option. · GitHub

Это должно быть связано с моей темой, потому что при выборе стандартной темы «Air» выпадающее меню расположено правильно. Я также не менял свойства «transform» или «inset».

Надеюсь, кто-то сможет помочь, спасибо!

[awesomerobot (Kris)]

Это немного неожиданно, но похоже, что позиционирование зависит от

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

Удаление этих строк решает проблему для меня.

Похоже, что backdrop-filter создаёт новый блочный контекст в CSS. Подробнее здесь… https://stackoverflow.com/a/52937920/1869753

Это означает, что ваш элемент с position:fixed будет позиционироваться относительно отфильтрованного контейнера, а не относительно области просмотра. Другими словами, он всё ещё зафиксирован, но внутри своего нового ограничивающего блока (отфильтрованного контейнера).

[Decrypt]

Ого, спасибо за подсказку! Я бы никогда не подумал убрать это. Я удалю их и попробую найти альтернативу размытию фона. Большое спасибо!