[BUG] Trying to zoom the BPMN diagram on webkit/safari zooms the whole page instead

[tbouffard]

Describe the bug When I try to zoom the diagram displayed in the bpmn container, the whole page is zoomed instead.

To Reproduce

Running locally on Ubuntu using WebKit installed by Playwright 1.10 (more details on https://playwright.dev/docs/installation#managing-browser-binaries)

run ~/.cache/ms-playwright/webkit-1446/pw_run.sh

See this video done on Ubuntu 18.04 with WebKit GTK MiniBrowser installed by Playwright.

Desktop:

• OS: Ubuntu 18.04 for webkit, macOS Big Sur for webkit and safari
• Browser: webkit (from playwright), safari
• Version: webkit 14.2 according to the Playwright 1.10 documentation
• bpmn-visualization: 0.13.0

Additional context This is not detected by automatic tests as we currently only run zoom tests on Chromium as Playwright 1.10 doesn't provide a general API for mouse wheel event.

Clarifying this issue will let us go on with #773

[aibcmars]

Tests with Jerome macOS: Big Sur 11.3, Safari 14.1

• Pan : ok
• Zoom : working but quite chaotic when using the Apple Magic Mouse (the effect of jumping without intermediate steps)

[csouchet]

On

• MacOS: Big Sur, Version 11.3
• Safari: Version 14.1 (16611.1.21.161.3)

No problem 🙂

[tbouffard]

Working on latest Safari, so closing