IgcDockManager - I can't dock/undock panels or drag floating panes with touch operation, not with a mouse.

[jsakamotoIGJP]

Description

On touch screen devices, I can't dock/undock panels or drag floating panes with touch operation.

Steps to reproduce

1. Place a <igc-dockmanager> in a page.
2. Run the app on a touchscreen device.
3. Try manipulating it with touch operation, such as docking/undocking panes or dragging floating panes.

Result

I can't do that. Instead, the web browser's pan operation was fired.

Expected result

We should be able to do such operations smoothly.

Environment

This problem happened on Windows 11 23H2 and Microsoft Edge 124.0.2478.80.

Workaround

The problem disappeared when I applied the touch-action CSS property with a none value to pane header elements.

igc-dockmanager::part(pane-header),
igc-dockmanager::part(tab-header) {
    touch-action: none;
}

Attachments

Here is a sample project.

• 📦c-00236811-wc-app1.zip