search

IgniteUI / igniteui-dockmanager

Ignite UI Dock Manager Web Component provides means to manage the layout of your application.
Other
38 stars 0 forks source link

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

Open jsakamotoIGJP opened 6 months ago

jsakamotoIGJP commented 6 months ago

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.