Закрыть контент фоновым изображением при переходе в бэграунд
 

Задача закрыть фоновым изображением контент когда приложение уходит в режим просмотра приложений(при нажатии на левую нижнюю иконку смартфона, три вертикальные полоски) Пробую использовать событие visibilitychange, проблема в том что в консоль сообщения поступают, те событие происходит, а вот фоновое изображение я не получаю, вернее вижу когда второй раз нажимаю кнопку быстро промелькнувший фон. Код примерно такой, события blur onfocus работают также.

document.addEventListener('visibilitychange', handleVisibilityChange);

function handleVisibilityChange() {
  if (document.visibilityState === 'visible') {
    // Code to run when the PWA becomes visible again
    // For example, you can resume any paused tasks, update data, etc.
    console.log('PWA is visible');
  } else {
    // Code to run when the PWA becomes hidden
    // For example, you can pause ongoing tasks, save data, etc.
    console.log('PWA is hidden');
  }
}

Мне кажется, что в этом режиме показывается просто скриншет экрана приложения, который был до перехода в этот режим. Приложение в этом режиме не имеет доступа к экрану и не может менять на нем ничего.