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

fix(BOOK-466): We needed to separate the z-index from window.kindlyChat to also cater for other languages

Browse Source 
Approved-by: Linus Flood
This commit is contained in:
Erik Tiekstra
2025-10-23 13:37:08 +00:00
parent 8714bc79fd
commit 11f76a509a
1 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -30,17 +30,21 @@ export function ChatbotClient({ liveLangs }: ChatbotClientProps) {
}, []) }, [])
useEffect(() => { useEffect(() => {
// 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
if (!shouldShow) {
document.documentElement.style.setProperty("--chatbot-z-index", "-1")
} else {
// Reset z-index when chatbot is shown, we're using the default z-index from globals.css
document.documentElement.style.removeProperty("--chatbot-z-index")
}
if (window.kindlyChat) { if (window.kindlyChat) {
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])