webcomponents / webcomponents/polyfills
IE11 Symbol Issue
- Dominant language
- HTML
- Stars
- 1.2k
- Forks
- 168
- PR merge metrics
- No merged PRs in 30d
Description
In Internet Explorer 11 I get this error message when using the web components polyfill and lodash omitBy or pickBy.
```
Unable to get property '@@__symbol:iterator0.93819982581614551' of undefined or null reference
````
This is not a duplicate of #43, though there are some similarities.
This has occurred with other polyfills as well:
- https://github.com/Financial-Times/polyfill-service/issues/1058
- https://github.com/zloirock/core-js/commit/78770786a4e5f2f87ea32b4dada46b9ce0a92887
Lodash similarly has blocked the issue on their end, I believe thinking that polyfills need to resolve the issue:
https://github.com/lodash/lodash/issues/2308
Some interesting things about reproduction:
----
**This one will fail with the above error:**
```html
var obj = {a: 1, b: 2}
var smaller = _.omitBy(obj, function (val) { return val > 1 })
console.log(smaller)
```
----
**This one works fine:**
```html
var obj = {a: 1, b: 2}
var smaller = _.omitBy(obj, function (val) { return val > 1 })
console.log(smaller)
```
---
Does that just mean I'm using the wrong polyfill? My real use case is a complex webpack bundle thing with core-js and other, we first ran into #43 now this :)
---

---
You can see it for yourself here:
https://jsfiddle.net/s8yzcjne/3/embedded/result,css,html,js
Contributor guide
Assessment
This issue has not been assessed yet.