@mekari/pixel-popover - npm Package Compare versions

Comparing version 0.1.5 to 0.1.6

dist/mekari-pixel-popover.cjs.dev.js

@@ -173,10 +173,15 @@ 'use strict';
 
-      if (trigger === 'hover') {
-        eventHandlers = { ...eventHandlers,
-          mouseenter: e => {
+      eventHandlers = { ...eventHandlers,
+        mouseenter: e => {
+          if (trigger === 'hover') {
             this.$emit('mouseenter', e);
             this.context.set('isHovering', true);
             setTimeout(this.context.openPopover(), 0);
-          },
-          mouseleave: e => {
+          }
+        },
+        mouseleave: e => {
+          const contentNode = pixelUtils.getElementById(`pixel-popper_${this.contentId}`);
+          contentNode.focus();
+
+          if (trigger === 'hover') {
             this.$emit('mouseleave', e);
@@ -190,5 +195,4 @@ this.context.set('isHovering', false);
           }
-        };
-      }
-
+        }
+      };
       eventHandlers = { ...eventHandlers,
@@ -195,0 +199,0 @@ keydown: e => {

dist/mekari-pixel-popover.cjs.prod.js

@@ -173,10 +173,15 @@ 'use strict';
 
-      if (trigger === 'hover') {
-        eventHandlers = { ...eventHandlers,
-          mouseenter: e => {
+      eventHandlers = { ...eventHandlers,
+        mouseenter: e => {
+          if (trigger === 'hover') {
             this.$emit('mouseenter', e);
             this.context.set('isHovering', true);
             setTimeout(this.context.openPopover(), 0);
-          },
-          mouseleave: e => {
+          }
+        },
+        mouseleave: e => {
+          const contentNode = pixelUtils.getElementById(`pixel-popper_${this.contentId}`);
+          contentNode.focus();
+
+          if (trigger === 'hover') {
             this.$emit('mouseleave', e);
@@ -190,5 +195,4 @@ this.context.set('isHovering', false);
           }
-        };
-      }
-
+        }
+      };
       eventHandlers = { ...eventHandlers,
@@ -195,0 +199,0 @@ keydown: e => {

dist/mekari-pixel-popover.esm.js

@@ -169,10 +169,15 @@ import { isFunction } from 'lodash-es';
 
-      if (trigger === 'hover') {
-        eventHandlers = { ...eventHandlers,
-          mouseenter: e => {
+      eventHandlers = { ...eventHandlers,
+        mouseenter: e => {
+          if (trigger === 'hover') {
             this.$emit('mouseenter', e);
             this.context.set('isHovering', true);
             setTimeout(this.context.openPopover(), 0);
-          },
-          mouseleave: e => {
+          }
+        },
+        mouseleave: e => {
+          const contentNode = getElementById(`pixel-popper_${this.contentId}`);
+          contentNode.focus();
+
+          if (trigger === 'hover') {
             this.$emit('mouseleave', e);
@@ -186,5 +191,4 @@ this.context.set('isHovering', false);
           }
-        };
-      }
-
+        }
+      };
       eventHandlers = { ...eventHandlers,
@@ -191,0 +195,0 @@ keydown: e => {

package.json

 {
   "name": "@mekari/pixel-popover",
   "description": "Mekari Pixel | Pop over component",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "homepage": "https://mekari.design/",
@@ -6,0 +6,0 @@ "repository": {

src/content.js

@@ -39,11 +39,15 @@ import { MpPopper } from '@mekari/pixel-popper'
 
-      if (trigger === 'hover') {
-        eventHandlers = {
-          ...eventHandlers,
-          mouseenter: (e) => {
+      eventHandlers = {
+        ...eventHandlers,
+        mouseenter: (e) => {
+          if (trigger === 'hover') {
             this.$emit('mouseenter', e)
             this.context.set('isHovering', true)
             setTimeout(this.context.openPopover(), 0)
-          },
-          mouseleave: (e) => {
+          }
+        },
+        mouseleave: (e) => {
+          const contentNode = getElementById(`pixel-popper_${this.contentId}`)
+          contentNode.focus()
+          if (trigger === 'hover') {
             this.$emit('mouseleave', e)
@@ -101,3 +105,2 @@ this.context.set('isHovering', false)
     const { isOpen, triggerNode, usePortal, placement } = this.context
-
     return h(
@@ -104,0 +107,0 @@ MpPopper,

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

77191

increased by0.84%

Lines of code

2940

increased by0.55%

No dependency changes