Hi Mitch,
I did some experiments and found this issue, but I'm unsure exactly what's causing it.
Below are two ways of loading the chatbot interface, the first does not work on IE but runs fine everywhere else.
We used this first code snippet to load the chatbot, which does not load in EI:
<script src="https://web-chat.global.assistant.watson.cloud.ibm.com/loadWatsonAssistantChat.js"></script>
<script>
const options = {
integrationID: 'ID',
region: 'eu-de',
serviceInstanceID: "ID",
showLauncher: false
};
window.loadWatsonAssistantChat(options).then(function(instance){
const button = document.querySelector('.chatLauncher');
button.addEventListener('click', () => {
instance.openWindow();
});
instance.updateCSSVariables({
'BASE-z-index': '2147483650',
'$focus': '#ff0000',
'$overlay-01': '#ffffff'
});
instance.render().then(() => {
button.style.display = 'block';
button.classList.add('open');
});
});
</script>
This second (default) way of loading does work in IE:
<script>
window.watsonAssistantChatOptions = {
integrationID: 'ID',
region: 'eu-de',
serviceInstanceID: "id",
//showLauncher: false
onLoad: function(instance) { instance.render(); }
};
setTimeout(function(){
const t=document.createElement('script');
t.src="https://web-chat.global.assistant.watson.appdomain.cloud/loadWatsonAssistantChat.js";
document.head.appendChild(t);
});
</script>
I've no idea what particular part is causing this.
Thanks,
Declan
#WatsonAssistant