remove unnecessary resize event listener

This commit is contained in:
Nolan Lawson 2018-01-23 21:08:56 -08:00
parent 0a7f56004f
commit 208316b914

View file

@ -1,28 +1,22 @@
<:Window bind:innerHeight /> <div class="container"
<div class="container" on:scroll="onScroll(event)" on:fullscreen="onFullscreenChange()" ref:node> on:scroll="onScroll(event)"
on:fullscreen="onFullscreenChange()"
ref:node>
<slot></slot> <slot></slot>
</div> </div>
<script> <script>
import { virtualListStore } from '../_utils/virtualListStore' import { virtualListStore } from '../_utils/virtualListStore'
import debounce from 'lodash/debounce'
import throttle from 'lodash/throttle' import throttle from 'lodash/throttle'
import { isFullscreen, attachFullscreenListener, detachFullscreenListener } from '../_utils/fullscreen' import { isFullscreen, attachFullscreenListener, detachFullscreenListener } from '../_utils/fullscreen'
import { mark, stop } from '../_utils/marks' import { mark, stop } from '../_utils/marks'
const SCROLL_EVENT_DELAY = 300 const SCROLL_EVENT_DELAY = 300
const RESIZE_EVENT_DELAY = 700
export default { export default {
oncreate() { oncreate() {
mark('onCreate VirtualListContainer') mark('onCreate VirtualListContainer')
let node = this.refs.node let node = this.refs.node
this.observe('innerHeight', debounce(() => {
// respond to window resize events
this.store.set({
offsetHeight: node.offsetHeight
})
}, RESIZE_EVENT_DELAY))
this.store.set({ this.store.set({
scrollTop: node.scrollTop, scrollTop: node.scrollTop,
scrollHeight: node.scrollHeight, scrollHeight: node.scrollHeight,