Bug 260639 - [wpt.fyi] Dropdown menu not scrollable in products view
Summary: [wpt.fyi] Dropdown menu not scrollable in products view
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Scrolling (show other bugs)
Version: WebKit Nightly Build
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2023-08-23 17:26 PDT by Abrar Rahman Protyasha
Modified: 2023-08-23 17:37 PDT (History)
3 users (show)

See Also:

Attachments
Reproduction on Safari, cannot scroll. (4.50 MB, video/quicktime)
2023-08-23 17:26 PDT, Abrar Rahman Protyasha 		no flags Details
Can scroll on Chrome. (2.99 MB, video/quicktime)
2023-08-23 17:26 PDT, Abrar Rahman Protyasha 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Abrar Rahman Protyasha 2023-08-23 17:26:27 PDT 
Created attachment 467404 [details]
Reproduction on Safari, cannot scroll.

Dropdown menus in the Products view of the web-platform-tests dashboard website cannot be scrolled on Safari. The same menus can be scrolled on Firefox and Chrome. Please refer to the attached screen recording for a reproduction.
Comment 1 Radar WebKit Bug Importer 2023-08-23 17:26:39 PDT 
<rdar://problem/114353324>
Comment 2 Abrar Rahman Protyasha 2023-08-23 17:26:46 PDT 
Created attachment 467405 [details]
Can scroll on Chrome.
Comment 3 Abrar Rahman Protyasha 2023-08-23 17:27:21 PDT 
The dropdown menu has a CSS attribute `--paper-input-container-input_-_overflow: hidden` which seems a little suspect, but my interpretation says we _shouldn't_ be scrolling on this menu in that case.
Comment 4 Abrar Rahman Protyasha 2023-08-23 17:37:12 PDT 
Repro steps:

1. Navigate to https://wpt.fyi/results/pointerevents/pointerevent_movementxy.html%3Fmouse?label=master&label=experimental&product=chrome&product=firefox&product=safari&product=webkitgtk&view=interop&q=label%3Ainterop-2023-events

2. Click on "Edit" to the far-right on the blue info bar.

3. In the Products pane, expand any of the "Browser" dropdown menus