By default, custom elements are display: inline
. This means height:100%
won't work unless you make the element block level:
:host {
display: block;
height: 100%;
}
The other issue is your declaration. When you use extends
to extend another element, this is called a type extension custom element. Instead of declaring <my-tag>
, it needs to be declared using is=""
:
<div is="my-tag"></div>