scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(BOOK-466): Setting chatbot z-index variable to -1 if the chatbot should be hidden to avoid issues when multiple tabs are open

Browse Source 
Approved-by: Linus Flood
This commit is contained in:
Erik Tiekstra
2025-10-23 09:37:47 +00:00
parent 7f2db6f3de
commit 89f1fb0023
1 changed files with 5 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
apps/scandic-web/components/ChatbotScript/Client.tsx
View File

@@ -34,8 +34,13 @@ export function ChatbotClient({ liveLangs }: ChatbotClientProps) {
if (!shouldShow) { if (!shouldShow) {
window.kindlyChat.closeChat() window.kindlyChat.closeChat()
window.kindlyChat.hideBubble() window.kindlyChat.hideBubble()
// Hack to hide chatbot behind other elements in case the user has multiple tabs
// open and the chat window should not be visible in the tab that becomes active
document.documentElement.style.setProperty("--chatbot-z-index", "-1")
} else { } else {
window.kindlyChat.showBubble() window.kindlyChat.showBubble()
// Reset z-index when chatbot is shown, we're using the default z-index from globals.css
document.documentElement.style.removeProperty("--chatbot-z-index")
} }
} }
}, [shouldShow]) }, [shouldShow])