Здравствуйте,
В последнее время у меня возникли проблемы с размытием элементов в Chrome и на мобильных устройствах.
Например, на мобильном устройстве фон и верхняя панель не размыты, тогда как случайные выпадающие списки — размыты.
То же самое наблюдается и в некоторых десктопных браузерах. В Chrome меню пользователя и боковая панель выпадающего списка теперь размыты, тогда как всё остальное — нет.
Здесь я установил backdrop для всех устройств, но, как уже упоминал, на мобильных устройствах это не работает.
Панель меню реализована здесь:
Не уверен, что я сделал не так, поскольку на скриншотах размытие работает только для некоторых элементов на мобильных устройствах, а на десктопе не поддерживается только один элемент именно в Chromium — в Firefox проблем нет.
Обновление: Похоже, что размытие заголовка вызывает эту проблему, но, как уже сказал, только в Chromium.
Обновление 2: Я забыл добавить webkit для фона — не это ли является причиной?