Adaptive card render error in IE11

[Junlol]

Screenshots

Version

webchat 4.5.0
cdn: https://cdn.botframework.com/botframework-webchat/latest/webchat-es5.js

Describe the bug

I am use webchat es5 sample in IE11, then typing help to render cards, but cards not rendered.

webchat es5 sample link

[corinagum]

Thanks for reporting this. I am investigating the cause.

[corinagum]

To anyone running into this issue, I have the temporary workaround of using the browser-polyfill from babel@5.6. Just add this to your index.html:

<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.6.15/browser-polyfill.min.js"></script>

Still investigating the fix.

[compulim]

We believe the problem is introduced in #1970 (ESLint) and on this line.

The problem is, we moved from:

const firstChildren = element.children[0];

to

const [firstChildren] = element.children;

In IE11, NodeList is not iterable. But in Chrome/Edge, NodeList is iterable.

We should include core-js module that improvise NodeList as iterable. More details can be found on https://github.com/zloirock/core-js#iterable-dom-collections.

[corinagum]

@compulim will be doing a patch to 4.5(.1) shortly, after which this fix will be available in the latest release. Thank you for your patience!