From 20a48d5defa5e3294c2bca9bb12819df22d5c40a Mon Sep 17 00:00:00 2001
From: "Open O. Close" <3646725+openorclose@users.noreply.github.com>
Date: Wed, 17 Jul 2019 08:41:04 +0800
Subject: [PATCH] Enhance popovers to allow hovering over them (#114)

It is hard to interact with popovers and tooltips, since they disappear
once hovered over.

Let's add a new attribute 'hoverable' to popoverMixins.

If true, once the popover is loaded the popover itself will listen to
the hover (mouseenter and mouseleave) events just like a trigger.
---
 src/utils/popoverMixins.js | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/utils/popoverMixins.js b/src/utils/popoverMixins.js
index b8b45af3..d197b4cd 100644
--- a/src/utils/popoverMixins.js
+++ b/src/utils/popoverMixins.js
@@ -34,6 +34,10 @@ export default {
     },
     id: {
       type: String
+    },
+    hoverable: {
+      type: Boolean,
+      default: false
     }
   },
   data () {
@@ -53,6 +57,9 @@ export default {
     },
     titleRendered () {
       return md.renderInline(this.title)
+    },
+    hoverableBool() {
+      return toBoolean(this.hoverable)
     }
   },
   methods: {
@@ -131,6 +138,9 @@ export default {
         }
         // temporary fix for popover going off screen - end
 
+        if (this.hoverableBool) {
+          $(this.$refs.popover).on('mouseleave mouseenter', this.toggle)
+        }
       }, 20)
     },
     calculateOffset (trigger, popover) {