Fix popover dismissal bug in Chrome.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "v-calendar",
-  "version": "0.0.9",
+  "version": "0.1.0",
   "description": "A clean and extendable plugin for building simple attributed calendars in Vue.js.",
   "keywords": ["vue", "calendar", "highlights", "indicators"],
   "homepage": "vcalendar.netlify.com",

src/components/CalendarPane.vue

@@ -198,6 +198,7 @@ export default {
   },
   data() {
     return {
+      todayComps,
       pages: [],
       page_: null,
       transitionDirection: '',

src/components/Popover.vue

@@ -10,6 +10,7 @@
         :class='["anchor", "direction-" + direction, "align-" + align]'
         v-if='visibleDelay'>
         <div
+          ref='popoverContent'
           :class='["content", "direction-" + direction, "align-" + align]'>
           <slot name='popover-content'>
             <div>Popover content goes here</div>
@@ -24,6 +25,9 @@
 </template>
 
 <script>
+import Vue from 'vue';
+import { composedPath } from '../utils/helpers';
+
 const POPOVER_AUTO = -1;
 const POPOVER_VISIBLE = 1;
 const _tapTolerance = 0;
@@ -102,6 +106,10 @@ export default {
       this.$emit('focusin', e);
     },
     focusout(e) {
+      // Trap focus if element losing focus is nested within the popover content
+      if (e.target !== this.$refs.popover && composedPath(e.target).includes(this.$refs.popoverContent)) {
+        Vue.nextTick(() => this.$refs.popover.focus());
+      }
       this.visible = false;
       this.$emit('focusout', e);
     },

src/utils/helpers.js

@@ -103,6 +103,20 @@ export const getLastArrayItem = (array) => {
   return array.length ? array[array.length - 1] : undefined;
 };
 
+export const composedPath = (el) => {
+  const path = [];
+  while (el) {
+    path.push(el);
+    if (el.tagName === 'HTML') {
+      path.push(document);
+      path.push(window);
+      return path;
+    }
+    el = el.parentElement;
+  }
+  return path;
+};
+
 export const isMobile = {
   andriod() {
     return navigator.userAgent.match(/Android/i);