@product7/feedback-sdk 1.4.5 → 1.4.7

package/dist/feedback-sdk.js

@@ -2202,6 +2202,21 @@
 			const button = this.element.querySelector('.feedback-trigger-btn');
 			const minimizeIcon = this.element.querySelector('.feedback-minimize-icon');
 			const expandIcon = this.element.querySelector('.feedback-expand-icon');
+			const isControlIcon = (target) => {
+				if (!(target instanceof Element)) return false;
+				return Boolean(
+					target.closest('.feedback-minimize-icon') ||
+						target.closest('.feedback-expand-icon')
+				);
+			};
+			const openIfAllowed = (target) => {
+				if (isControlIcon(target)) {
+					return;
+				}
+				if (!this.isMinimized) {
+					this.openPanel();
+				}
+			};
 
 			minimizeIcon.addEventListener('click', (e) => {
 				e.stopPropagation();
@@ -2216,16 +2231,13 @@
 			});
 
 			button.addEventListener('click', (e) => {
-				if (
-					e.target.closest('.feedback-minimize-icon') ||
-					e.target.closest('.feedback-expand-icon')
-				) {
-					return;
-				}
+				openIfAllowed(e.target);
+			});
 
-				if (!this.isMinimized) {
-					this.openPanel();
-				}
+			// Pointer events improve consistency across touch and mouse devices.
+			button.addEventListener('pointerup', (e) => {
+				if (e.pointerType === 'mouse') return;
+				openIfAllowed(e.target);
 			});
 		}
 
@@ -8862,7 +8874,7 @@
 	const feedbackStyles = `
 .feedback-widget-button {
   position: fixed;
-  z-index: var(--z-modal);
+  z-index: var(--z-notification);
 }
 
 .feedback-widget-button.position-bottom-right {
@@ -8904,6 +8916,8 @@
   background: var(--color-primary);
   box-shadow: var(--shadow-md);
   width: fit-content;
+  touch-action: manipulation;
+  -webkit-tap-highlight-color: transparent;
 }
 
 .feedback-trigger-btn:hover:not(:disabled) {
@@ -8942,6 +8956,7 @@
   transition: opacity var(--transition-base);
   box-shadow: var(--shadow-sm);
   cursor: pointer;
+  pointer-events: none;
 }
 
 .feedback-minimize-icon svg,
@@ -8954,6 +8969,7 @@
 
 .feedback-widget-button:not(.minimized) .feedback-trigger-btn:hover .feedback-minimize-icon {
   opacity: 1;
+  pointer-events: auto;
 }
 
 .feedback-widget-button.minimized .feedback-trigger-btn {
@@ -8973,6 +8989,7 @@
 
 .feedback-widget-button.minimized .feedback-trigger-btn:hover .feedback-expand-icon {
   opacity: 1;
+  pointer-events: auto;
 }
 
 .feedback-panel {