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

23 lines
547 B
HTML

<div class="pseudo-virtual-list-item"
aria-hidden="{{hide}}"
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>