Doug Davies

Ok. Ya. Cool is working. But heat isn’t.

I was able to do this ``` function activated() { console.log("activated") } function deactivated() { console.log("deactivated") } const isActive = ref(false) watch(isActive, () => { isActive.value ? activated() : deactivated()...

Something like this can work too (works well when you have multiple instances, unlike the one above) ``` beforeUpdate(el) { if (el.isConnected && !el.isActive) { el.isActive = true activated(el) }...

Having the same issue. None of the above suggestions worked. Only happens on Safari (both desktop and mobile).

I reworked this today using a component from vueuse ``` mounted(el) { const visible = useElementVisibility(el) watch(visible, () => { if (visible.value) { activated(el) } else { deactivated(el) } })...

No, but I just stumbled across this today :(