Spreadsheet custom context menu does not come up on iOS

[WoozyG]

Description

we use a custom context menu for our implementation of Spreadsheet. It works fine on Windows/MacOS/Android, popping up the context menu with a long-press or right click. However, on an iPad in Chrome, Firefox, and Safari, it doesn't.

It also works with a long-press in Chrome/Edge/Firefox on Windows using Dev Tools to emulate an iPad. We only see the issue on actual iPad devices.

You will also still see the "Fill" overlay item, which is no longer replaced by the custom context menu in Flow, as it was in V8. That's filed separately.

Expected outcome

long press on an item should open the custom context menu on iOS like it does on Android.

Minimal reproducible example

any Vaadin starter app with a spreadsheet and a basic custom context menu, even just a "Hello World" notification on selection item.

Steps to reproduce

open the app on an iPad, in Chrome or Safari or Firefox. Long-press a cell. There won't be a popup context menu, but there will be on other platforms.

Environment

Vaadin version(s): 24.8
OS: iPadOS 17

Browsers

Firefox, Chrome, Safari on iOS

[web-padawan]

The lack of support for contextmenu event is a known limitation of iOS Safari. In the regular ContextMenu, specifically vaadin-context-menu web component, we use custom long touch gesture implementation that is based on touch events.