From 5a3ca51a911fd9c6e631a8a634b641b3a6973206 Mon Sep 17 00:00:00 2001
From: Christian Oliff <christian_oliff@trimble.com>
Date: Fri, 8 May 2026 09:52:41 +0900
Subject: [PATCH] v6: accordions - hide default WebKit details marker

Suppress the native disclosure marker in WebKit by adding &::-webkit-details-marker { display: none; } to the accordion button styles. This prevents the browser's default triangle from overlapping the custom .accordion-icon and ensures consistent appearance across browsers

Issue discovered using Browserstack.
See comment: https://github.com/orgs/twbs/discussions/42398#discussion-10018925
---
 scss/_accordion.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/scss/_accordion.scss b/scss/_accordion.scss
index b95606603d01..0f8fec4e39ce 100644
--- a/scss/_accordion.scss
+++ b/scss/_accordion.scss
@@ -50,6 +50,10 @@ $accordion-tokens: defaults(
     background-color: var(--accordion-btn-bg);
     @include transition(var(--accordion-transition));
 
+    &::-webkit-details-marker {
+      display: none;
+    }
+
     .accordion-icon {
       flex-shrink: 0;
       width: var(--accordion-btn-icon-width);