CSS
AngularJS

Angularで:host {position: sticky } が効かないのを解消する方法

Angularで:host に対してposition: stickyを指定しても効いてくれなくて困っていました。

stackoverflowによるとなぜかdisplay: blockを加えることで解消するようです。

あとtopなどの明示も忘れずに。

:host {

display: block;
top: 0;
position: sticky;
position: -webkit-sticky;
}