fix(Intersection): correctly handle case when directive is applied to native element quasarframework#6526

Author: rstoenescu

ui/src/directives/Intersection.js

@@ -31,14 +31,10 @@ function update (el, ctx, { modifiers, value }) {
     ctx.observer !== void 0 && ctx.observer.unobserve(el)
 
     ctx.observer = new IntersectionObserver(([ entry ]) => {
-      if (typeof ctx.handler === 'function' && el.__vue__._inactive !== true) {
-        if (entry.rootBounds === null) {
-          ctx.observer.unobserve(el)
-          ctx.observer.observe(el)
-
-          return
-        }
-
+      if (
+        typeof ctx.handler === 'function' &&
+        (el.__vue__ !== void 0 ? el.__vue__._inactive !== true : document.body.contains(el) === true)
+      ) {
         const res = ctx.handler(entry, ctx.observer)
 
         if (