search

IgniteUI / igniteui-webcomponents

Ignite UI for Web Components is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach.
https://www.infragistics.com/products/ignite-ui-web-components
Other
113 stars 2 forks source link

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

Open jsakamotoIGJP opened 1 month ago

jsakamotoIGJP commented 1 month 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.