@product7/feedback-sdk 1.6.8 → 1.6.9

package/dist/feedback-sdk.js

@@ -2390,6 +2390,7 @@
 			this.isLoading = false;
 			this.modalElement = null;
 			this.sidebarElement = null;
+			this.listModalBackdropElement = null;
 			this.currentIndex = 0;
 		}
 
@@ -2470,10 +2471,12 @@
 		}
 
 		_createModal() {
-			this.backdropElement = document.createElement('div');
-			this.backdropElement.className = `changelog-modal-backdrop changelog-theme-${this.options.theme || 'light'}`;
-			document.body.appendChild(this.backdropElement);
-			this.backdropElement.addEventListener('click', () => this.closeModal());
+			if (this.options.showBackdrop !== false) {
+				this.backdropElement = document.createElement('div');
+				this.backdropElement.className = `changelog-modal-backdrop changelog-theme-${this.options.theme || 'light'}`;
+				document.body.appendChild(this.backdropElement);
+				this.backdropElement.addEventListener('click', () => this.closeModal());
+			}
 
 			this.modalElement = document.createElement('div');
 			this.modalElement.className = `changelog-modal changelog-theme-${this.options.theme || 'light'}`;
@@ -2613,12 +2616,14 @@
 		}
 
 		_createListModal() {
-			this.listModalBackdropElement = document.createElement('div');
-			this.listModalBackdropElement.className = `changelog-list-modal-backdrop changelog-theme-${this.options.theme || 'light'}`;
-			document.body.appendChild(this.listModalBackdropElement);
-			this.listModalBackdropElement.addEventListener('click', () =>
-				this.closeSidebar()
-			);
+			if (this.options.showBackdrop !== false) {
+				this.listModalBackdropElement = document.createElement('div');
+				this.listModalBackdropElement.className = `changelog-list-modal-backdrop changelog-theme-${this.options.theme || 'light'}`;
+				document.body.appendChild(this.listModalBackdropElement);
+				this.listModalBackdropElement.addEventListener('click', () =>
+					this.closeSidebar()
+				);
+			}
 
 			this.listModalElement = document.createElement('div');
 			this.listModalElement.className = `changelog-list-modal changelog-theme-${this.options.theme || 'light'}`;
@@ -8787,6 +8792,7 @@
 				triggerText: "What's New",
 				showBadge: true,
 				viewButtonText: 'View Update',
+				showBackdrop: true,
 			};
 
 			const configDefaults = this._getWidgetTypeConfig('changelog');