Using {{yield}} in component prevents usage of {{on}} modifier

[knownasilya]

Example https://github.com/knownasilya/book-search/blob/8aeadfd413643448420aa87ec87e720bedd77db8/src/Books.ts#L72

In the example above, if I uncomment {{yield}} and then try to click on one of the buttons in the list, nothing happens (debugger isn't hit). Removing the yield fixes the issue.

[knownasilya]

@chadhietala any ideas?

[knownasilya]

Seems like I was rendering an instance of a component, not the class, which caused this it seems. Will try to recreate.

---

https://glimmerjs.github.io/glimmer-experimental/?snippet=%0Aimport+Component%2C+%7B+hbs%2C+tracked+%7D+from+%27%40glimmerx%2Fcomponent%27%3B%0Aimport+%7B+on%2C+action+%7D+from+%27%40glimmerx%2Fmodifier%27%3B%0A%0Aexport+default+class+HelloWorld+extends+Component+%7B%0A++%40tracked+count+%3D+1%3B%0A%0A++%40action+increment%28%29+%7B%0A++++this.count%2B%2B%3B%0A++%7D%0A%0A++static+template+%3D+hbs%60%0A++++%3Ch1%3EWelcome+to+the+GlimmerX+Playground%21%3C%2Fh1%3E%0A%0A++++%3Cp%3EYou+have+clicked+the+button+%7B%7Bthis.count%7D%7D+times.%3C%2Fp%3E%0A%0A++++%3Cbutton+%7B%7Bon+%22click%22+this.increment%7D%7D%3EClick%3C%2Fbutton%3E%0A++++%3Cthis%2F%3E%0A++%60%3B%0A%7D%0A