fix: mark selectors as global to workaround Svelte CSS bug (#508)

related to #482
sveltejs · Oct 22, 2024 · eb21df7 · eb21df7
1 parent 6f757e7
commit eb21df7
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/apps/svelte.dev/src/routes/docs/[...path]/OnThisPage.svelte b/apps/svelte.dev/src/routes/docs/[...path]/OnThisPage.svelte
@@ -81,7 +81,8 @@
 		@media (max-width: 1199px) {
 			margin: 4rem 0;
 
-			&:not(:has(li:nth-child(2))) {
+			/* TODO remove :global once https://github.com/sveltejs/svelte/issues/13779 is fixed */
+			:global(&:not(:has(li:nth-child(2)))) {
 				/* hide widget if there are no subheadings */
 				display: none;
 			}
@@ -155,7 +156,8 @@
 					rotate: 90deg;
 				}
 
-				& + nav {
+				/* TODO remove :global once https://github.com/sveltejs/svelte/issues/13779 is fixed */
+				:global(& + nav) {
 					display: block;
 				}
 			}