Navbar toggle focus issues
Navbar toggle focus issues
Created by: DanielMarquard
I've encountered one or two small bugs with toggling the navigation menu that I wanted to share.
The first appears to definitely be a bug. When the menu button is clicked, the background color changes as the button takes focus, but when it is clicked again to collapse the menu, the background color stays the same. In Firefox and Chrome, clicking anywhere on the page takes focus away from the button and the button reverts back to its default background. In iOS, tapping elsewhere does not change focus and the menu button remains the focus until a new page is loaded. Maybe jQuery can be used to add an "active" class to the button when the menu is expanded.
The second issue is an aesthetic one. In Chrome, clicking the menu button creates an orange/yellow border around the button. This also does not revert when the menu is collapsed. Perhaps "outline: none;" should be added to the navbar-toggle class.