From: Christian Oliff <christian_oliff@trimble.com>
Date: Fri, 15 May 2026 03:24:01 +0000 (+0900)
Subject: v6: accordions - hide default WebKit details marker (#42401)
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=2599a614f0636e29112c830fe0522b1f63d2e981;p=thirdparty%2Fbootstrap.git

v6: accordions - hide default WebKit details marker (#42401)

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
---

diff --git a/scss/_accordion.scss b/scss/_accordion.scss
index b95606603d..0f8fec4e39 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);