From ecfb0b0573ac6077a16fb239f1ce442ae4bf5033 Mon Sep 17 00:00:00 2001
From: Kristiyan Kostadinov <crisbeto@abv.bg>
Date: Thu, 16 Jul 2026 10:59:51 +0200
Subject: [PATCH] fix(material/expansion): always reset outline

Currently we only reset the outline on `focus` and `hover` which doesn't cover some of the new states like `focus-visible`. This can be seen when simulating the state in the dev tools.
---
 src/material/expansion/expansion-panel-header.scss | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/material/expansion/expansion-panel-header.scss b/src/material/expansion/expansion-panel-header.scss
index bbf6ef69f864..31935508323f 100644
--- a/src/material/expansion/expansion-panel-header.scss
+++ b/src/material/expansion/expansion-panel-header.scss
@@ -11,6 +11,7 @@ $fallbacks: m3-expansion.get-tokens();
   align-items: center;
   padding: 0 24px;
   border-radius: inherit;
+  outline: 0;
 
   .mat-expansion-panel-animations-enabled & {
     transition: height expansion-variables.$header-transition;
@@ -60,11 +61,6 @@ $fallbacks: m3-expansion.get-tokens();
     transition: none;
   }
 
-  &:focus,
-  &:hover {
-    outline: none;
-  }
-
   &.mat-expanded:focus,
   &.mat-expanded:hover {
     background: inherit;