chore: listen for click out only post blur (#1061)

Co-authored-by: Lee Chase <[email protected]>

packages/core/src/directives/clickout.js

@@ -1,17 +1,29 @@
 // This directive determines calls the associated method if a click happens outside of el
 
+const handlerMap = new WeakMap();
+
 export default {
   bind(el, binding, vnode) {
-    el.clickOutHandler = function(event) {
-      // neither element or child of
-      if (!(el == event.target || el.contains(event.target))) {
-        // call method
-        vnode.context[binding.expression](event);
-      }
-    };
-    document.body.addEventListener('click', el.clickOutHandler);
+    if (!el.clickOutsideBlur) {
+      el.clickOutsideBlur = function(blurEv) {
+        // neither element or child of
+        if (!handlerMap.has(el)) {
+          handlerMap.set(el, clickoutEv => {
+            // neither element or child of
+            if (!(el == clickoutEv.target || el.contains(clickoutEv.target))) {
+              // call method
+              vnode.context[binding.expression](clickoutEv);
+            }
+          });
+          document.body.addEventListener('click', handlerMap.get(el));
+        }
+      };
+
+      el.addEventListener('focusout', el.clickOutsideBlur);
+    }
   },
   unbind(el) {
-    document.body.removeEventListener('click', el.clickOutHandler);
+    handlerMap.delete(el);
+    el.removeEventListener('focusout', el.clickOutsideBlur);
   },
 };