-
Bug
-
Resolution: Unresolved
-
Normal
-
9.6.4
-
None
-
Security Level: Jimmy
Steps to Reproduce
<navbar orient="vertical" width="200px">
<navitem label="Home" iconSclass="z-icon-home" />
<nav label="Get Started" iconSclass="z-icon-th-list" badgeText="3">
<navitem label="Step One" />
<navitem label="Step Two" />
<navitem label="Step Three" />
</nav>
<navitem label="About" iconSclass="z-icon-flag" />
<navitem label="Contact" iconSclass="z-icon-envelope"/>
</navbar>
1. press tab to focus on the first navitem
or move focus in navbar
Current Result
check document.activeElement, the focus is inside the navbar.
But no any visual effect on it, so end-users don't know where the focus is
Expected Result
a visual effect to indicate where the focus is
Debug Information
Workaround
.z-navitem:focus-within, .z-nav:focus-within{
outline: 1px dotted red;
}
- relates to
-
-
- Open
-