wcag-scanner 1.2.63 → 1.2.64

package/dist/react/WcagDevOverlay.js

@@ -238,8 +238,15 @@ const WcagDevOverlay = ({ level = 'AA', rules, position = 'bottom-right', deboun
             clearAllHighlights();
     }, [open]);
     // ── Scan ────────────────────────────────────────────────────────────────
+    const scanningRef = (0, react_1.useRef)(false);
     const scan = (0, react_1.useCallback)(async () => {
+        var _a;
+        if (scanningRef.current)
+            return;
+        scanningRef.current = true;
         setScanning(true);
+        // Pause observer while scanning to prevent scan-triggered mutations causing rescans
+        (_a = observerRef.current) === null || _a === void 0 ? void 0 : _a.disconnect();
         try {
             const opts = { level, rules };
             const res = await (0, browserScanner_1.scanBrowserPage)(opts);
@@ -247,7 +254,17 @@ const WcagDevOverlay = ({ level = 'AA', rules, position = 'bottom-right', deboun
             setLastScan(new Date());
         }
         finally {
+            scanningRef.current = false;
             setScanning(false);
+            // Reconnect observer after scan settles
+            if (observerRef.current) {
+                observerRef.current.observe(document.body, {
+                    childList: true,
+                    subtree: true,
+                    attributes: true,
+                    attributeFilter: ['class', 'hidden', 'aria-hidden', 'role', 'alt', 'src', 'href'],
+                });
+            }
         }
     }, [level, rules]);
     (0, react_1.useEffect)(() => { scan(); }, [scan]);
@@ -265,7 +282,9 @@ const WcagDevOverlay = ({ level = 'AA', rules, position = 'bottom-right', deboun
             childList: true,
             subtree: true,
             attributes: true,
-            attributeFilter: ['class', 'style', 'hidden', 'aria-hidden', 'role', 'alt', 'src', 'href'],
+            // 'style' intentionally excluded — our highlight helper modifies inline styles
+            // on page elements which would cause an infinite rescan loop
+            attributeFilter: ['class', 'hidden', 'aria-hidden', 'role', 'alt', 'src', 'href'],
         });
         return () => {
             var _a;
@@ -413,13 +432,11 @@ const WcagDevOverlay = ({ level = 'AA', rules, position = 'bottom-right', deboun
         fontSize: 13,
         fontWeight: active ? 600 : 400,
         color: active ? '#7c3aed' : '#64748b',
-        borderBottom: active ? '2px solid #7c3aed' : '2px solid transparent',
         cursor: 'pointer',
         background: 'none',
         border: 'none',
-        borderBottomColor: active ? '#7c3aed' : 'transparent',
-        borderBottomStyle: 'solid',
-        borderBottomWidth: 2,
+        // Use inset box-shadow instead of borderBottom to avoid shorthand/longhand conflict
+        boxShadow: active ? 'inset 0 -2px 0 #7c3aed' : 'none',
         whiteSpace: 'nowrap',
     });
     const filterSelectStyle = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wcag-scanner",
-  "version": "1.2.63",
+  "version": "1.2.64",
   "description": "Scan HTML for WCAG accessibility violations with AI-powered fix suggestions",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",