[Webkit-unassigned] [Bug 205746] New: [GTK] Scrollbar is rendered on top of custom popup menus

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=205746

            Bug ID: 205746
           Summary: [GTK] Scrollbar is rendered on top of custom popup
                    menus
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: WebKitGTK
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: doug.hs at protonmail.ch
                CC: bugs-noreply at webkitgtk.org

Created attachment 386710

  --> https://bugs.webkit.org/attachment.cgi?id=386710&action=review

bootstrap documentation page screenshot

This was initially reported on the Epiphany Browser (GNOME Web) bug tracker: https://gitlab.gnome.org/GNOME/epiphany/issues/1034

They told me to report it here. Please read the conversation there.

The issue is that the scrollbar is being rendered on top of custom popup menus. See the screenshots.

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:

1. Go to the Bootstrap docs page: https://getbootstrap.com/docs/4.4/utilities/flex/
2. Focus on the search box and type anything to generate results
3. 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 a web developer 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.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20200103/aa1c1833/attachment-0001.htm>