Search code examples
csswinjsnavbar

WinJS 2.0 NavBar selection after Right/Left keyboard clicks

guys, I have a problem with WinJS 2.0 navBar control.

If I open navBar on the page and tap right keyboard key - it selects the first navBar command and add Black border to it. And so on.

Could you please help me, how not to add a border to navBar command?

Thanks!

Solution

  • Try adding following rule in your css:

    .win-navbarcommand-button.win-keyboard:focus,
.win-navbarcommand-splitbutton.win-keyboard:focus {
   outline: none;
}

    It will preventing showing outline when navigating nav bar using keyboard, although honestly I think you should think twice about it as it's good to show user who uses keyboard which item is currently selected/focused in nav bar.