Некорректно работает filter(blur) как исправить?

Question

[Юрий Иванов]

есть модальное окно, при клике на кнопку должно применяться свойство filter blur
но оно не применяется, если я захожу в инспектор кода, свойства применено и оно работает корректно, закрываю тулзы разработчика и все заблюрено как надо
как это работает шок какой-то

Comments

[Александр]

Код .filter__container в студию.

[Юрий Иванов]

Александр,

.filter-container {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: -100%;
  right: 0%;
  z-index: 10; 
  background-color: transparent;
  transition:  all 0.4s ease-in-out 0s;
}

[Юрий Иванов]

я еще пробовал создавать отдлеьный класс с блюром
и добавлять его по клику, эффект такой же

Answer 1

[Александр]

Answer 2

[Юрий Иванов]

Возможно кто-то наткнется на эту тему при решении проблемы
Проблема была в бэкграундколор - вайт
Было что-то типо

div
    div

и у второго дива свойство бэкграунда - белый
сделал дополнительную обертку

div
    div - сюда падинги и бэкраунд определил
          div -- отсюда

и все заработало