fix(b-form-datepicker): menu focus handling for Firefox and Safari on MacOS (closes #4814) (#4824)

jacobmllr95 · web-flow · commit 09fa920e4a90 · 2020-02-25T01:21:03.000+01:00
* fix(b-calendar): wrapper focus handling

* Move tabindex to menu
diff --git a/src/components/calendar/calendar.js b/src/components/calendar/calendar.js
@@ -971,7 +971,6 @@ export const BCalendar = Vue.extend({
           role: 'application',
           tabindex: this.disabled ? null : '0',
           'data-month': activeYMD.slice(0, -3), // `YYYY-MM`, mainly for testing
-          // tabindex: this.disabled ? null : '0',
           'aria-roledescription': this.labelCalendar || null,
           'aria-labelledby': idGridCaption,
           'aria-describedby': idGridHelp,
diff --git a/src/components/form-datepicker/form-datepicker.js b/src/components/form-datepicker/form-datepicker.js
@@ -233,7 +233,7 @@ export const BFormDatepicker = /*#__PURE__*/ Vue.extend({
       // Context data from BCalendar
       localLocale: null,
       isRTL: false,
-      formatedValue: '',
+      formattedValue: '',
       activeYMD: '',
       // Flag to add focus ring to outer wrapper
       hasFocus: false,
@@ -555,6 +555,7 @@ export const BFormDatepicker = /*#__PURE__*/ Vue.extend({
         attrs: {
           id: idMenu,
           role: 'dialog',
+          tabindex: '-1',
           'aria-modal': 'false',
           'aria-labelledby': idLabel
         },
