material
material copied to clipboard
calendar: Tab focus gets trapped in day picker
Actual Behavior:
-
What is the issue? *When moving focus via<TAB>key, focus gets trapped insidemdCalendarand can't progress past it. This seems to be an issue when only using themdCalendaron 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.
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.