Decorating an extended element breaks in polyfilled browsers

[mattdsteele]

Stencil version:

 @stencil/core@0.2.3

I'm submitting a:

• bug report
• feature request
• support request => Please do not submit support requests here, use one of these channels: https://forum.ionicframework.com/ or https://stencil-worldwide.slack.com

Current behavior:
So I'd like to extract some common behavior from a few components. My intention was to use mixin classes to accomplish this. This pattern requires extending a class, e.g. class Foo extends withBar()

I'm finding that in polyfilled browsers (Firefox, IE11, Edge), extending any Stencil component causes weird errors, like failing to render at all. This is true even for simple things like class Foo extends Object. I don't see any compiler or run-time errors.

In Chrome it's working fine.

Steps to reproduce:

1. Clone and npm i https://github.com/mattdsteele/stencil-extended-elements
2. npm run dev --es5
3. Open in Firefox and note the <my-component> element, which extends Object, does not render.

Other information:

Other issues make me think this should be possible: #133 (comment), #272

[adamdbradley]

Related: microsoft/TypeScript#13819

[ionitron-bot]

Thanks for the issue! This issue is being closed due to inactivity. If this is still an issue with the latest version of Stencil, please create a new issue and ensure the template is fully filled out.

Thank you for using Stencil!