captainbrosset / devtools-tips

A collection of useful cross-browser DevTools tips
https://devtoolstips.org
312 stars 33 forks source link

Search results are hidden below article contents #83

Closed wanacode closed 1 year ago

wanacode commented 1 year ago

When doing a search on the homepage, the results drawer is below the contents of the articles.

This appears to be related to the addition of a view-transition-name which creates a new stacking context, so it is likely only an issue in browsers supporting the View Transitions API.

It looks like this can be resolved by giving .pagefind-ui__drawer a z-index of 1 or more .

image

captainbrosset commented 1 year ago

Thanks so much for finding and reporting this. I added the view-transition code recently, but didn't think to test how it would impact the search box. I'll add the necessary z-index to fix this. Thanks again!