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/ypaQVxDetails: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.8AngularJS Material Version:1.1.5
Additional Information:
Browser Type: *Firefox (but seems to be persistent issue across all modern browsers)Browser Version: *57OS: *Mac OSStack 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.