Default search scroll overflow

[OliverSpeir]

iOS Safari 18.6.2, I see this behavior on https://starlight.astro.build

Describe the Bug

When scroll overflows/propogates onto the page beneath the search modal I cannot scroll all the way back to see the search bar/close button.

I noticed this only happens when I tap on one of the results to then drag to scroll, if I tap+scroll somewhere other than a result link the scroll doesn't overflow.

Also noticed that closing the keyboard allows me to scroll all the way up to the search bar

ScreenRecording_09-22-2025.19-12-49_1.mov

[delucis]

Oh, Safari… 😭

I can’t reproduce in the iOS Simulator and don’t have an iPhone to test on.

In theory, the page below shouldn’t scroll like this — we apply a data attribute when opening the search modal to scroll lock the page:

starlight/packages/starlight/components/Search.astro

Lines 298 to 300 in 5787485

	[data-search-modal-open] {
	overflow: hidden;
	}

Any chance you could debug a bit to figure out what’s up?

[mayank99]

overflow: hidden still leaves the scroll container intact. If you want to lock scroll completely, then overflow: clip could be worth trying.

[delucis]

Thanks for the hint @mayank99! @OliverSpeir any chance you could try that code change and see if it helps?

[OliverSpeir]

Tried it, no luck. Only thing I've got so far is position fixed on [data-search-modal-open], but I haven't properly dug in yet

Traveling this weekend but on monday I can try again.