Material: nav-bar: can't move focus out of md-nav-bar with shift+tab

Created on 19 Feb 2017  路  10Comments  路  Source: angular/material

Actual Behavior:

  • `What is the issue? * You can't focus out of md-nav-bar with shift+tab on keyboard.
  • `What is the expected behavior? You should be able to focus out to other elements on the page from md-nav-bar with shift+tab.

CodePen (or steps to reproduce the issue): *

  • `CodePen Demo which shows your issue: md-nav-bar demo on "Angular Material" site.
  • Details:

Angular Versions: *

  • `Angular Version: 1.5.5
  • `Angular Material Version: 1.1.3

Additional Information:

  • `Browser Type: * Chrome , Firefox and IE
  • `Browser Version: * Chrome 56.0.2924.87 (64-bit)
  • `OS: * Windows 7
  • `Stack Traces: n/a

Shortcut to create a new CodePen Demo.
Note: * indicates required information. Without this information, your issue may be auto-closed.

Do not modify the titles or questions. Simply add your responses to the ends of the questions.
Add more lines if needed.

required a11y Pull Request fixed inconvenient bug focus polish

All 10 comments

@ErinCoughlan

hey guys, any updates? have same issue

Unfortunately not yet

Please provide a codepen so we can investigate further.

The issue is still reproducible.

Here is an example:
See CodePen demo provided by https://material.angularjs.org/latest/demo/navBar

AngularJS Material Version: 1.1.7

Yes, this is clearly reproducible in the docs. Changing focus with tab works fine, but reversing focus with shift+tab does not. There are some other components that have this issue as well. Making this higher priority since it effects a11y.

any updates?

This is still a problem, even with the a11y updates to nav-bar in PR https://github.com/angular/material/pull/11486.

@tirana I've opened PR https://github.com/angular/material/pull/11494 to fix this. Please take a look.

amazing. thank you!

Was this page helpful?
0 / 5 - 0 ratings

Related issues

PeerInfinity picture PeerInfinity  路  3Comments

sbondor picture sbondor  路  3Comments

chriseyhorn picture chriseyhorn  路  3Comments

ddimitrop picture ddimitrop  路  3Comments

rdantonio picture rdantonio  路  3Comments