Openlibrary: Search result preview overlapping with other page elements

Created on 13 Sep 2020 · 4Comments · Source: internetarchive/openlibrary

Typing a search request with plenty of hits into the top search-field, waiting for the preview results. The result bar (could not figure out the id) is overlapped by <ul class="work-menu sticky">.

Evidence / Screenshot (if possible)

Screenshot_2020-09-13 The Girl, the Gold Watch and Everything (1962 edition) Open Library

Steps to Reproduce

Go to any page and type 'Girl, the Gold Watch' into the upper search bar and just wait
when the preview results appear, you should see the problem

Logged in: not relevant
Browser type/version? firefox
Operating system? osx
Environment? prod

Proposal & Constraints

Related files

Stakeholders

UI Books Page @jdlrobson 3 Bug

Source

bitnapper

All 4 comments

The search results are in <div class="search-bar-component">. Both the search bar component and the work menu have the same z-index (999). It looks like increasing the search bar component's z-index will correct this.

I'll raise a PR for this tomorrow, as it's a bit late here now.