Кнопка, отмеченная после инициализации - как этого избежать?

Question

У меня есть приложение SAPUI5 с представлениями JS. У меня проблема с нижним колонтитулом моей подробной страницы - я создал кнопку там, и после инициализации она помечена в браузере. Я не уверен, что это проблема Google Chrome или что-то с моей кодировкой. Код не является сложным, поэтому я не знаю, где искать происхождение.

код и изображение проблемы:

<Bar> 
 
    <contentLeft> 
 
\t <Image src="./images/image1.jpg" height="80%" /> 
 
    </contentLeft> 
 
    <contentRight> 
 
\t <Button icon="sap-icon://action-settings" press="handleSettingsButtonPressed" /> 
 
    </contentRight> 
 
</Bar>

Answer 1

Ну, что вы видите, визуализация фокуса и как таковые помогают пользователям перемещаться с клавиатурой только. Вы не вставляли много контекста для кода, но если есть элемент управления NavContainer/App, он автоматически фокусирует первый настраиваемый элемент управления на каждой отображаемой странице (это скоро станет более гибким).

Конечно, вы можете удалить фокус с помощью вызова размывание() на document.activeElement, но я не уверен, что это самое лучшее для пользователей ...

Answer 2

Я согласен с ответом akudev на это. То, что вы видите, - это индикатор фокусировки, показывающий, что в данный момент кнопка имеет фокус. Предположительно, вы хотите, чтобы что-то имело первоначальный фокус, но на 100% не понятно, из чего вы хотели бы быть другим.

Если вы хотите, чтобы индикация фокусировки выглядела по-другому, вы можете изменить это (или даже полностью исключить) с помощью CSS. Устранение этого полностью, вероятно, затруднит пользователю понимание того, что происходит.

Если вы хотите, чтобы другой элемент диалога получал первоначальный фокус, вы можете использовать ассоциацию initialFocus для установки нужного элемента.