Accessibilty -Focus теряется при изменении маршрута в Angular

Question

Навигация между компонентами Фокус теряется. Я принудительно установил фокус на кнопку меню, но как только навигация маршрутизатора изменилась, фокус также теряется. Есть ли исправление для сброса фокуса при изменении маршрута?

Эти атрибуты также не работают (автофокус, setfocus, cdkfocusinitial) ...

Answer 1

Это , а не полностью решенная проблема, но есть и лучшие, и худшие способы ее решения. Я думаю, что вам придется вызывать focus() для чего-либо после рендеринга вновь маршрутизируемого контента, хотя были различные попытки сделать это автоматически, что (как отмечали другие) не совсем правильно работает.

Реальный вопрос - , на чем сосредоточиться . Это может быть легко или сложно в зависимости от того, что у вас вверху страниц.

Обязательно прочитайте эту (longi sh) статью об обработке фокуса при смене маршрута в одиночном приложения. Это лучшее эмпирическое исследование топи c на сегодняшний день с некоторыми реальными предложениями.

Answer 2

Наконец-то получили решение Изначально размываем элемент и устанавливаем фокус для того же элемента ... работаем нормально !!!!!!!!!

let blurElement: HTMLElement = document.getElementsByClassName ('menubutton ') [0] как HTMLElement; blurElement.blur ();

setTimeout (function () {let focusElement: HTMLElement = document.getElementsByClassName ('menubutton') [0] как HTMLElement; focusElement.focus ();}, 0);

Answer 3

Я думаю, что автофокус не будет работать ref http://www.angulartutorial.net/2018/03/angular-autofocus-for-input-box-angular.html