Pinafore-Web-Client-Frontend/routes/_components/pseudoVirtualList/PseudoVirtualListItem.html

<div class="pseudo-virtual-list-item"
     pseudo-virtual-list-key="{{key}}"
     style="height: {{hide ? `${height}px` : ''}};"
     ref:node>
  {{#if !hide}}
    <:Component {component}
                virtualProps="{{props}}"
                virtualIndex="{{index}}"
                virtualLength="{length}}"
    />
  {{/if}}
</div>
<script>

  export default {
    oncreate() {
      let intersectionObserver = this.get('intersectionObserver')
      intersectionObserver.observe(this.refs.node)
    }
  }
</script>