uikit 3.20.9-dev.e2e1b058d → 3.20.10-dev.c66297bc1

package/package.json

@@ -2,7 +2,7 @@
   "name": "uikit",
   "title": "UIkit",
   "description": "UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces.",
-  "version": "3.20.9-dev.e2e1b058d",
+  "version": "3.20.10-dev.c66297bc1",
   "main": "dist/js/uikit.js",
   "style": "dist/css/uikit.css",
   "sideEffects": [

package/src/js/core/inverse.js

@@ -2,6 +2,7 @@ import {
     $$,
     css,
     dimensions,
+    intersectRect,
     matches,
     observeResize,
     on,
@@ -83,22 +84,29 @@ export default {
             }
 
             for (const target of toNodes(this.target)) {
-                replaceClass(
-                    target,
-                    'uk-light uk-dark',
+                let color =
                     !this.selActive || matches(target, this.selActive)
                         ? findTargetColor(target)
-                        : '',
-                );
+                        : '';
+
+                if (color !== false) {
+                    replaceClass(target, 'uk-light uk-dark', color);
+                }
             }
         },
     },
 };
 
 function findTargetColor(target) {
-    const { left, top, height, width } = dimensions(target);
+    const dim = dimensions(target);
     const viewport = dimensions(window);
 
+    if (!intersectRect(dim, viewport)) {
+        return false;
+    }
+
+    const { left, top, height, width } = dim;
+
     let last;
     for (const percent of [0.25, 0.5, 0.75]) {
         const elements = target.ownerDocument.elementsFromPoint(