Fix search modal height in Safari (#2028)

withastro · Jun 18, 2024 · af81ad3 · af81ad3
1 parent 8662819
commit af81ad3
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/.changeset/curly-swans-clean.md b/.changeset/curly-swans-clean.md
@@ -0,0 +1,5 @@
+---
+'@astrojs/starlight': patch
+---
+
+Fixes a search dialog height issue in Safari.
diff --git a/packages/starlight/components/Search.astro b/packages/starlight/components/Search.astro
@@ -197,7 +197,7 @@ const pagefindTranslations = {
 		box-shadow: var(--sl-shadow-lg);
 	}
 	dialog[open] {
-		display: grid;
+		display: flex;
 	}
 
 	dialog::backdrop {
@@ -208,6 +208,7 @@ const pagefindTranslations = {
 
 	.dialog-frame {
 		flex-direction: column;
+		flex-grow: 1;
 		gap: 1rem;
 		padding: 1rem;
 	}