I cannot see any output with FireFox 57, while expecting 'HyperHtmlElement' ...
<html>
<head>
<title>canvas element test</title>
<meta charset='utf-8'>
</head>
<body>
<g2-canvas></g2-canvas>
<script src="https://unpkg.com/hyperhtml@latest/min.js"></script>
<script src="https://unpkg.com/hyperhtml-element@latest/min.js"></script>
<script>
class G2Canvas extends HyperHTMLElement {
created() {
console.log('#');
this.render();
}
render() {
return this.html`<strong>HyperHTMLElement</strong>`;
}
}
G2Canvas.define('g2-canvas');
</script>
</body>
</html>
... what am I doing wrong .. ?
thanks.
There are two issues with your code:
HyperHTMLElementbringshyperHTMLto you automatically. You don't need to include both scripts, just includeHyperHTMLELementand feel free to importbind,wireand other methods/utilities from it, if needed.As you can see in this CodePen, Firefox will indeed behave like Chrome or Safari, and Edge will work as well.
I hope I've answered your question.