Custom elements with common base class about templating

[bigopon]

@lorond I believe you hit the issue of derived class retrieving base class metadata. We have provided doc for this, but probably it's easy to miss. Did you have a look at https://aurelia.io/docs/templating/html-behaviors#inheritance-with-html-behaviors? Note:

Second, notice that we explicitly declared @CustomElement(). Any time you inherit a custom element, you must add the customElement decorator.

It doens't need to be a @customElement decorator though, any metadata-stamping decorator would do: @bindable, @useShadowDOM, @templateController etc...

Here's some example you can have a look at: https://discourse.aurelia.io/t/example-of-binding-inheritance/428

@jods4 @EisenbergEffect @fkleuver We can fix this behavior of inheritance, that is surprising users here and there with probably a simple change: get own metadata instead of first available metadata in the hierarchy. Though I'm not sure the potential breaking changes, but it seems to me anything that is not working would suddenly work. Not sure if it's a good idea. Thoughts?

[lorond]

Thanks @bigopon. Yep, I missed that. I'll do a PR a bit later to highlight this in the docs, ok?

[bigopon]

@lorond that'd be awesome