fix: make Safari rendering of summary elements the same as other browsers (#964)

Hide details summary arrow on Safari

Author: BernieSumption

apps/svelte.dev/src/lib/components/ModalDropdown.svelte

@@ -102,6 +102,10 @@
 		align-items: center;
 		justify-content: center;
 		user-select: none;
+
+		&::-webkit-details-marker {
+			display: none;
+		}
 	}
 
 	details[open] summary::before {

packages/site-kit/src/lib/components/Text.svelte

@@ -523,6 +523,10 @@
 				font: var(--sk-font-body-small);
 				user-select: none;
 
+				&::-webkit-details-marker {
+					display: none;
+				}
+
 				.legacy &::after {
 					position: absolute;
 					display: flex;

packages/site-kit/src/lib/search/SearchResultList.svelte

@@ -111,6 +111,10 @@
 			span:not(:last-child)::after {
 				content: ' • ';
 			}
+
+			&::-webkit-details-marker {
+				display: none;
+			}
 		}
 	}
 

packages/site-kit/src/lib/styles/utils/nav.css

@@ -13,6 +13,10 @@
 			display: block;
 			user-select: none;
 
+			&::-webkit-details-marker {
+				display: none;
+			}
+
 			&::before {
 				content: '';
 				position: absolute;