Scrollbar is on top of custom popup menus
Take a look at the screenshots below:
One is from the Bootstrap documentation page, which uses Algolia to drive its combobox functionality. The other is a demo website I'm building, which uses my own custom instant search functionality similar to Algolia. The CSS used to make both popup menus are pretty much the same.
To reproduce:
- Go to the Bootstrap docs page
- Focus on the search box and type anything to generate results
- If you still can't reproduce the issue, move your cursor out of the combobox (without closing it) and hover the scrollable area below it (the navigation menu). That should trigger the scrollbar to appear.
Things I've tried with no success:
- Higher z-index on the popup menu wrapper (e.g. 99999), on both affected pages.
Browsers affected so far:
- Epiphany (GNOME Web)
I'm running Ubuntu 19.10 Eoan (GNOME 3.34.1). Epiphany is version 3.34.1-1. I've also tested Firefox and Chromium, none of which are affected by this issue.
Edited by Douglas