MDC: box.open не инициализируется при нажатии кнопки назад браузера

Question

Я хочу использовать ящик . Я написал основной код таким образом, чтобы, когда пользователь нажимал кнопку навигации, выдвигался выдвижной ящик (т.е. true, false, true, false, ...). Однако, если пользователь перейдет на другую страницу, щелкнув ссылку в меню ящика, и вернется, нажав кнопку «Назад» в обозревателе, для «folder.open» будет установлено значение «true», и пользователь не сможет нажать кнопку навигации в браузере.

1. Пользователь открывает страницу: drawer.open=false.
2. Пользователь нажимает кнопку навигации: drawer.open=true.
3. Пользователь нажимает на ссылку в меню: drawer.open=false на новой странице.
4. Пользователь нажимает кнопку возврата браузера и возвращается: drawer.open=true.

Почему drawer.open=true в 4.? Как мне это исправить?

Answer 1

Перезагрузите страницу, чтобы инициализировать переменные JavaScript, когда пользователь нажимает кнопку возврата браузера.

<script>
        window.onpageshow = function(event) {
            if (event.persisted) {
                 window.location.reload();
            }
        };
</script>