fix: Fix zindex for embedded chatbots

tjtanjin · Nov 21, 2024 · 931ba28 · 931ba28
1 parent cbdf31c
commit 931ba28
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/components/ChatBotContainer.css b/src/components/ChatBotContainer.css
@@ -22,7 +22,6 @@
 	flex-direction: column;
 	width: 375px;
 	height: 550px;
-	z-index: 10000;
 }
 
 .rcb-window-embedded .rcb-chat-window {

diff --git a/src/components/ChatBotContainer.tsx b/src/components/ChatBotContainer.tsx
@@ -91,6 +91,15 @@ const ChatBotContainer = ({
 				height: `${viewportHeight}px`,
 			}
 		}
+
+		// if not embedded, add z-index
+		if (!settings.general?.embedded) {
+			return {
+				...styles.chatWindowStyle,
+				zIndex: 10000,
+			};
+		}
+
 		return styles.chatWindowStyle;
 	}