From 0c30603a472a7edf29d4e85eea9e2912bd7c489a Mon Sep 17 00:00:00 2001
From: Dan Leech <dan.leech@defra.gov.uk>
Date: Mon, 1 Jun 2026 14:13:06 +0100
Subject: [PATCH] Active descendant dual focus fix

---
 src/App/components/PopupMenu/PopupMenu.module.scss | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/App/components/PopupMenu/PopupMenu.module.scss b/src/App/components/PopupMenu/PopupMenu.module.scss
index 46be6c80..0facaacf 100644
--- a/src/App/components/PopupMenu/PopupMenu.module.scss
+++ b/src/App/components/PopupMenu/PopupMenu.module.scss
@@ -12,6 +12,12 @@
     $type: button
   );
 
+  // The container holds DOM focus for aria-activedescendant, but the visual
+  // focus indicator lives on the --selected item, so suppress the ring here.
+  &[data-focus-visible="true"]::after {
+    opacity: 0;
+  }
+
   background-color: var(--background-color);
   position: fixed;
   z-index: 9999;