webcomponents / webcomponents/polyfills

IE11 Symbol Issue

Open
#318 3 comments 0 reactions 0 assignees View on GitHub
Focus Area: Standards & Polyfills Package: webcomponentsjs Severity: Low Type: Bug wontfix
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 :)

---

![Screen Shot 2020-05-05 at 11 13 05 AM](https://user-images.githubusercontent.com/246143/81100455-6dc9de80-8ec1-11ea-9566-44f744302742.png)

---

You can see it for yourself here:
https://jsfiddle.net/s8yzcjne/3/embedded/result,css,html,js

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.