DropZone: CanDropClass and NoDropClass not applied on touch device

[tjany-ic]

Bug type

Component

Component name

MudDropContainer

What happened?

When using a DropZone on a touch device, the css classes defined in CanDropClass and NoDropClass are not applied when hovering the target zone.

The apple is droppable in the zone and the zone border should be green.

The issue could be tested by 2 individual people with the following sceanrios:

• Any MudBlazor Dropzone component using our own application, a new project using the code in the reproduction link, and the MudBlazor documentation
• Android Emulator, MAUI Blazor Hybrid app - Android 13 API33
• Touch monitor, Blazor WebAssembly App - Edge, Chrome and Firefox on Windows 11
• Touch monitor, Blazor Web Server App - Edge, Chrome and Firefox on Windows 11

In all cases on a Windows computer, using the mouse did not cause any issues.

Expected behavior

The CSS class defined in CanDropClass and NoDropClass is applied to the target drop zone.

The following screenshot shows the expected behavior working when using a mouse:

Reproduction link

https://try.mudblazor.com/snippet/QYweazvRpsdiUqrM

Reproduction steps

1. Have a touch device to control the app (like a touch monitor, a phone/tablet, or a MAUI Blazor Hybrid project, using the Android Emulator).
2. In the MudDropContainer, ApplyDropClassesOnDragStarted is set to "false" and a css class is defined in "CanDropClass".
3. Drag an item into the drop zone

Relevant log output

No response

Version (bug)

6.19.1

Version (working)

No response

What browsers are you seeing the problem on?

Firefox, Chrome, Edge

On which operating systems are you experiencing the issue?

Windows, Android

Pull Request

• I would like to do a Pull Request

Code of Conduct

• I agree to follow this project's Code of Conduct