Home page suggestions are blocked by Advanced Search

error

Steps to reproduce:
Go to the Kagi home page

Try typing something. Notice that the suggestions are rendering behind the "United States / Order By / Time / All Results" bar.

Tried with both latest Chrome and Safari on macOS.

Expected behavior:
The suggestions should probably render below that toolbar. Should that toolbar even be visible until the search results page, anyway?

Debug info:
Latest Chrome & Safari
macOS Ventura
En-US
US-WEST

Image/Video:

error

FYI, I just realized this has to do with "Advanced Search". Whether you have it always on, or manually toggle it, it'll block the suggestions as soon as it's enabled.

error

This custom CSS moves the suggestions down a bit so you can at least see them:

.search-form .autosugg-landing {top: 220px}

Alternatively, you can raise the z-index instead of moving it down, if you'd rather cover the toolbars:
.search-form .autosugg-landing {z-index: 114}

warpspin

I can confirm this:

Connected to: EUROPE-WEST2
Firefox 117.0.1 on Mac OS
Calm Blue Light Theme
Advanced Search Always Open is set to "On"

warpspin

Seems it's fixed now on the homepage but on the search results page it now overlays the input box:

error

warpspin Seems it's fixed now on the homepage but on the search results page it now overlays the input box

Whoops!

Looks like .auto-suggestions needsmargin-top: 23px instead of padding: 23px 0 0 0

z64

@error Yep 👍️

Fix for this is on the way out, thanks folks.

warpspin

Both places work properly for me, now.