Skip to content

Commit 2599a61

Browse files
authored
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
1 parent 3570aac commit 2599a61

1 file changed

Lines changed: 4 additions & 0 deletions

File tree

scss/_accordion.scss

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -50,6 +50,10 @@ $accordion-tokens: defaults(
5050
background-color: var(--accordion-btn-bg);
5151
@include transition(var(--accordion-transition));
5252

53+
&::-webkit-details-marker {
54+
display: none;
55+
}
56+
5357
.accordion-icon {
5458
flex-shrink: 0;
5559
width: var(--accordion-btn-icon-width);

0 commit comments

Comments
 (0)