accented 1.5.0 → 1.6.0

package/dist/utils/supports-anchor-positioning.d.ts

@@ -1,2 +1,8 @@
+/**
+ * We have to do browser sniffing now and explicitly turn off anchor positioning in Safari 26
+ * since anchor positioning is enabled there but is buggy:
+ * https://bugs.webkit.org/show_bug.cgi?id=304551.
+ */
+export declare function isSafari26(ua?: string): boolean;
 export declare function supportsAnchorPositioning(): boolean;
 //# sourceMappingURL=supports-anchor-positioning.d.ts.map

package/dist/utils/supports-anchor-positioning.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"supports-anchor-positioning.d.ts","sourceRoot":"","sources":["../../src/utils/supports-anchor-positioning.ts"],"names":[],"mappings":"AAYA,wBAAgB,yBAAyB,YAIxC"}
+{"version":3,"file":"supports-anchor-positioning.d.ts","sourceRoot":"","sources":["../../src/utils/supports-anchor-positioning.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EAAE,SAAsB,WAMlD;AAED,wBAAgB,yBAAyB,YAIxC"}

package/dist/utils/supports-anchor-positioning.js

@@ -1,15 +1,14 @@
 /**
- * We have to do browser sniffing now and explicitly turn off Anchor positioning in Safari
- * since anchor positioning is not working correctly in Safari 26 Technology Preview.
+ * We have to do browser sniffing now and explicitly turn off anchor positioning in Safari 26
+ * since anchor positioning is enabled there but is buggy:
+ * https://bugs.webkit.org/show_bug.cgi?id=304551.
  */
-function isWebKit() {
-    const ua = navigator.userAgent;
-    return (/AppleWebKit/.test(ua) && !/Chrome/.test(ua)) || /\b(iPad|iPhone|iPod)\b/.test(ua);
+export function isSafari26(ua = navigator.userAgent) {
+    return ((/AppleWebKit/.test(ua) && !/Chrome/.test(ua) && /Version\/26\b/.test(ua)) ||
+        // Also covers non-Safari iOS browsers, since they're all WebKit under the hood.
+        (/\b(iPad|iPhone|iPod)\b/.test(ua) && /\bOS 26_\d/.test(ua)));
 }
-// ATTENTION: sync with the implementation in end-to-end tests.
-// I didn't find a way to sync this with automatically with the implementation of supportsAnchorPositioning
-// in end-to-end tests, so it has to be synced manually.
 export function supportsAnchorPositioning() {
-    return (CSS.supports('anchor-name: --foo') && CSS.supports('position-anchor: --foo') && !isWebKit());
+    return (CSS.supports('anchor-name: --foo') && CSS.supports('position-anchor: --foo') && !isSafari26());
 }
 //# sourceMappingURL=supports-anchor-positioning.js.map

package/dist/utils/supports-anchor-positioning.js.map

@@ -1 +1 @@
-{"version":3,"file":"supports-anchor-positioning.js","sourceRoot":"","sources":["../../src/utils/supports-anchor-positioning.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,SAAS,QAAQ;IACf,MAAM,EAAE,GAAG,SAAS,CAAC,SAAS,CAAC;IAC/B,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,wBAAwB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7F,CAAC;AAED,+DAA+D;AAC/D,2GAA2G;AAC3G,wDAAwD;AACxD,MAAM,UAAU,yBAAyB;IACvC,OAAO,CACL,GAAG,CAAC,QAAQ,CAAC,oBAAoB,CAAC,IAAI,GAAG,CAAC,QAAQ,CAAC,wBAAwB,CAAC,IAAI,CAAC,QAAQ,EAAE,CAC5F,CAAC;AACJ,CAAC"}
+{"version":3,"file":"supports-anchor-positioning.js","sourceRoot":"","sources":["../../src/utils/supports-anchor-positioning.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,GAAG,SAAS,CAAC,SAAS;IACjD,OAAO,CACL,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC1E,gFAAgF;QAChF,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAC7D,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,yBAAyB;IACvC,OAAO,CACL,GAAG,CAAC,QAAQ,CAAC,oBAAoB,CAAC,IAAI,GAAG,CAAC,QAAQ,CAAC,wBAAwB,CAAC,IAAI,CAAC,UAAU,EAAE,CAC9F,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "accented",
-  "version": "1.5.0",
+  "version": "1.6.0",
   "description": "A frontend library for continuous accessibility testing and issue highlighting",
   "type": "module",
   "main": "dist/accented.js",
@@ -28,11 +28,11 @@
   "homepage": "https://accented.dev",
   "dependencies": {
     "@preact/signals-core": "^1.14.4",
-    "axe-core": "~4.13.0"
+    "axe-core": "~4.14.0"
   },
   "devDependencies": {
     "@types/jsdom": "30.0.0",
-    "jsdom": "30.1.1"
+    "jsdom": "30.1.2"
   },
   "scripts": {
     "build": "pnpm copyCommon && tsc",

package/src/utils/supports-anchor-positioning.test.ts

@@ -0,0 +1,50 @@
+import assert from 'node:assert/strict';
+import { suite, test } from 'node:test';
+import { isSafari26 } from './supports-anchor-positioning';
+
+suite('isSafari26', () => {
+  test('matches Safari 26 on iOS', () => {
+    assert.equal(
+      isSafari26(
+        'Mozilla/5.0 (iPhone; CPU iPhone OS 18_7 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/26.6.1 Mobile/15E148 Safari/604.1',
+      ),
+      true,
+    );
+  });
+
+  test('matches Chrome on iOS 26', () => {
+    assert.equal(
+      isSafari26(
+        'Mozilla/5.0 (iPhone; CPU iPhone OS 26_6_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) CriOS/155.0.8059.37 Mobile/15E148 Safari/604.1',
+      ),
+      true,
+    );
+  });
+
+  test('matches desktop Safari 26', () => {
+    assert.equal(
+      isSafari26(
+        'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/26.0 Safari/605.1.15',
+      ),
+      true,
+    );
+  });
+
+  test('does not match desktop Chrome', () => {
+    assert.equal(
+      isSafari26(
+        'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/154.0.0.0 Safari/537.36',
+      ),
+      false,
+    );
+  });
+
+  test('does not match desktop Safari 27', () => {
+    assert.equal(
+      isSafari26(
+        'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/27.0.1 Safari/605.1.15',
+      ),
+      false,
+    );
+  });
+});

package/src/utils/supports-anchor-positioning.ts

@@ -1,17 +1,18 @@
 /**
- * We have to do browser sniffing now and explicitly turn off Anchor positioning in Safari
- * since anchor positioning is not working correctly in Safari 26 Technology Preview.
+ * We have to do browser sniffing now and explicitly turn off anchor positioning in Safari 26
+ * since anchor positioning is enabled there but is buggy:
+ * https://bugs.webkit.org/show_bug.cgi?id=304551.
  */
-function isWebKit() {
-  const ua = navigator.userAgent;
-  return (/AppleWebKit/.test(ua) && !/Chrome/.test(ua)) || /\b(iPad|iPhone|iPod)\b/.test(ua);
+export function isSafari26(ua = navigator.userAgent) {
+  return (
+    (/AppleWebKit/.test(ua) && !/Chrome/.test(ua) && /Version\/26\b/.test(ua)) ||
+    // Also covers non-Safari iOS browsers, since they're all WebKit under the hood.
+    (/\b(iPad|iPhone|iPod)\b/.test(ua) && /\bOS 26_\d/.test(ua))
+  );
 }
 
-// ATTENTION: sync with the implementation in end-to-end tests.
-// I didn't find a way to sync this with automatically with the implementation of supportsAnchorPositioning
-// in end-to-end tests, so it has to be synced manually.
 export function supportsAnchorPositioning() {
   return (
-    CSS.supports('anchor-name: --foo') && CSS.supports('position-anchor: --foo') && !isWebKit()
+    CSS.supports('anchor-name: --foo') && CSS.supports('position-anchor: --foo') && !isSafari26()
   );
 }