Hopefully the snippet is self explanatory, most of the (albeit rather broken) magic happens in conntectedCallback(). Essentially, if you type into the first text field at the very top you will see a string being printed to the console (several times per keypress?). But typing into the second editable text field (which unlike the first one is nested inside another webcomponent) nothing gets printed.

I want to create a custom element class that can be use on basically any type of element if is="foo-element" is present, but I get the feeling that it’s not possible.

I am curretly adding some customm elements for an inhouse framework , however I noticed that we are getting all the elements on an index file to use them inside the html.