Open Bug 1942589 Opened 6 months ago Updated 5 months ago

map.project-osrm.org - Unable to scroll the directions list with mouse wheel after creating a route between 2 points

Categories

(Web Compatibility :: Site Reports, defect, P3)

Firefox 136
Desktop
Windows 10

Tracking

(Webcompat Score:3, Webcompat Priority:P3, firefox134 affected, firefox135 affected, firefox136 affected)

Webcompat Score 3
Webcompat Priority P3
Tracking Status
firefox134 --- affected
firefox135 --- affected
firefox136 --- affected

People

(Reporter: ctanase, Unassigned)

References

()

Details

(Keywords: webcompat:needs-diagnosis, webcompat:site-report, Whiteboard: [webcompat-source:web-bugs])

User Story

platform:windows,mac,linux
impact:feature-broken
configuration:general
affects:all
branch:release
diagnosis-team:dom
user-impact-score:30

Attachments

(2 files)

Environment:
Operating system: macOS Monterey 12.7.5/Windows 10
Firefox version: 128/134/136

Steps to reproduce:

  1. Go to https://map.project-osrm.org/
  2. Click on 2 locations on map to create a route.
  3. Try scrolling the directions list on the right of the page with the mouse wheel/track pad/ keyboard keys.

Expected Behavior:
The directions list gets scrolled.

Actual Behavior:
Zooms the page.

Notes:

  • Scrolling works only with click n drag on the scroll bar
  • Reproduces regardless of the status of ETP
  • Reproduces in firefox-nightly, and firefox-release
  • Does not reproduce in chrome

Created from https://github.com/webcompat/web-bugs/issues/147147

Version: unspecified → Firefox 136

Since nightly and release are affected, beta will likely be affected too.
For more information, please visit BugBot documentation.

The wheel event handler on div#map seems to be eating the scrolling - disabling the handler makes it work.

Severity: -- → S3
User Story: (updated)
Webcompat Priority: --- → P3
Priority: -- → P3
Attached file Reduced test-case.

This is effectively what's going on: They handle wheel in the container but prevent propagation of mousewheel on the inner child:

                          o.DomEvent.addListener(
                            this._container,
                            'mousewheel',
                            function (e) {
                              o.DomEvent.stopPropagation(e)
                            }
                          ),

That somehow works in Chrome to fully avoid firing wheel in chrome?

See Also: → 1529953

This seems to be an out-of-band modification of leaflet, which does the right thing... And the authors seem to be active, so we might be able to contact them...

Webcompat Score: --- → 3
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: