Stencil version:
I'm submitting a:
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:
- Clone and
npm i https://github.com/mattdsteele/stencil-extended-elements
npm run dev --es5- 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
Stencil version:
I'm submitting a:
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:
npm ihttps://github.com/mattdsteele/stencil-extended-elementsnpm run dev --es5<my-component>element, which extends Object, does not render.Other information:
Other issues make me think this should be possible: #133 (comment), #272