profxadke/misskey
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Better resize observe

Browse source
This commit is contained in:
syuilo 2020-02-10 03:13:22 +09:00
parent 892cb44d84
commit bd828bb072
3 changed files with 15 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/client/directives/size.ts
View file

@ -1,3 +1,5 @@
import { ResizeObserver } from '@juggle/resize-observer';
export default {
inserted(el, binding, vn) {
const query = binding.value;
@ -52,13 +54,16 @@ export default {
calc();
el._sizeResizeCb_ = calc;
const ro = new ResizeObserver((entries, observer) => {
calc();
});
ro.observe(el);
window.addEventListener('resize', calc);
vn.context.$on('hook:activated', calc);
el._ro_ = ro;
},
unbind(el, binding, vn) {
window.removeEventListener('resize', el._sizeResizeCb_);
el._ro_.unobserve(el);
}
};