material icon indicating copy to clipboard operation
material copied to clipboard

calendar: Tab focus gets trapped in day picker

Open andreaslof opened this issue 8 years ago • 1 comments

Actual Behavior:

  • What is the issue? * When moving focus via <TAB> key, focus gets trapped inside mdCalendar and can't progress past it. This seems to be an issue when only using the mdCalendar on it's own.
  • What is the expected behavior? User should be able to move focus to other areas on page via <TAB> key.

This seems

CodePen (or steps to reproduce the issue): *

  • CodePen Demo which shows your issue: https://codepen.io/anon/pen/ypaQVx
  • Details: Notice how focus is trapped inside the calendar component, and you're not able to shift focus to the buttons.

AngularJS Versions: *

  • AngularJS Version: 1.5.8
  • AngularJS Material Version: 1.1.5

Additional Information:

  • Browser Type: * Firefox (but seems to be persistent issue across all modern browsers)
  • Browser Version: * 57
  • OS: * Mac OS
  • Stack Traces:

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.

andreaslof avatar Dec 22 '17 15:12 andreaslof

I was able to reproduce in a CodePen with AngularJS Material 1.1.5 and AngularJS 1.6.6. It does not effect the month picker, only the day picker of the calendar.

Splaktar avatar Dec 27 '17 10:12 Splaktar