Не позволяйте скрытым элементам фокусироваться ⇐ CSS

[Anonymous]

У меня есть компонент с такой структурой html:

Код: Выделить всё

Представления расположены рядом друг с другом, а оболочка имеет полноэкранный размер и переполнение: скрыто.
Это многоэтапная форма, по сути, это полностраничный слайдер.
Однако, просматривая вводимые данные, я могу сфокусировать поля ввода, которые находятся вне поля зрения. Что бы вы сделали, ребята, чтобы предотвратить это? display: none на самом деле не работает, поскольку для работы анимации скольжения он должен быть видимым.
Одна из идей — использовать display: none но удалите его перед переключением слайдов.
Другая идея — просто использовать JS, чтобы предотвратить фокусировку ввода, если родительское «представление» имеет определенный класс
Тем не менее, они кажутся на 100% правильными и хакерскими. Кто-нибудь знает решение?

Подробнее здесь: https://stackoverflow.com/questions/793 ... ng-focused