diff --git a/src/components/mosys b/src/components/mosys index 1d52a57a6afd99e86bb8bbc3c7766f60dbe1d383..2853b20e959c71780ddbcdcb2d5ef96a66081c2d 160000 --- a/src/components/mosys +++ b/src/components/mosys @@ -1 +1 @@ -Subproject commit 1d52a57a6afd99e86bb8bbc3c7766f60dbe1d383 +Subproject commit 2853b20e959c71780ddbcdcb2d5ef96a66081c2d diff --git a/src/plugins/intersection-observer.js b/src/plugins/intersection-observer.js index 9ed288d0911d7f243ba4fb7e42b94f040c7af699..a6ac9bd40b70a21617d29456a248454ac19bbdbb 100644 --- a/src/plugins/intersection-observer.js +++ b/src/plugins/intersection-observer.js @@ -1,21 +1,31 @@ export default ({ Vue }) => { Vue.directive('intersection-observer', { - inserted: function (el) { + // bind: function (el, binding, vnode) { + bind: function (el) { const options = { - root: null, + // root: null, threshold: '0' } const observer = new IntersectionObserver(observerCallback, options) observer.observe(el) function observerCallback (entries) { + // console.log('entries', entries) entries.forEach(entry => { if (entry.isIntersecting) { - console.log('isIntersecting') + // console.log('BINDING', binding) + // console.log('isIntersecting', vnode) + // vnode.context.handlerNewCell.move.dataLeft = undefined + // vnode.context.handlerNewCell.move.dataLeft = undefined + el.dataset.left = 'xxx' } else { - console.log('nicht mehr intersecting') - console.log(entry.boundingClientRect.left) + // console.log('nicht mehr intersecting', vnode) + // vnode.context.handlerNewCell.move.dataLeft = entry.boundingClientRect.left + el.dataset.left = entry.boundingClientRect.left + // console.log('plugin', el.dataset) + // console.log(el.dataset.left) + // console.log('----------') } }) }