Фильтр фона делает элемент невидимым в Firefox, если у родителя есть фильтр ⇐ CSS

[Anonymous]

Я пытался выяснить, почему какой-то элемент невидим в Firefox (в Chrome проблем нет), и обнаружил, что это вызвано вложенными элементами div с backdrop-filter, но только тогда, когда родительский элемент имеет фильтр. Если я удалю что-нибудь из этого, все будет в порядке. Я также пытался разными способами принудительно создать новый контекст стекирования — безуспешно.
Проверено на последней версии FF, а также на нескольких гораздо более старых версиях. Windows и Linux - та же проблема. Я не могу найти никаких сообщений об ошибках или документированных ограничений механизма рендеринга. Что происходит?

Код: Выделить всё

Is "DEMO" below visible?


DEMO

Подробнее здесь: https://stackoverflow.com/questions/797 ... has-filter