Skip to content

[Blazor] the pointerenter and pointerleave events not getting fired #43129

Closed
@msynk

Description

@msynk

Is there an existing issue for this?

  • I have searched the existing issues

Describe the bug

Out of all pointer events, the pointerenter and pointerleave events are not getting fired, in both Blazor Server and Blazor WASM.
I need the leave event since its non-bubbling nature is required for my use case. the out event does not help since its bubbling feature breaks my app. the only solution that I can think of, is fallback to javascript.

Expected Behavior

like the other pointer events, the enter and leave events should get fired correctly.

Steps To Reproduce

consider this sample:

<div @onpointerleave=@(Log("pointer leave"))
     @onpointerenter=@(Log("pointer enter"))
     @onpointermove=@(Log("pointer move"))
     @onpointerover=@(Log("pointer over"))
     @onpointerout=@(Log("pointer out"))
     @onpointercancel=@(Log("pointer cancel"))
     @onpointerdown=@(Log("pointer down"))
     @onpointerup=@(Log("pointer up"))>
    <h1>Hello, world!</h1>
</div>

@code {
    [Inject] private IJSRuntime _js { get; set; } = default!;

    private Func<Task> Log(string value) => async Task () => await _js.InvokeVoidAsync("console.log", value);
}

if you check the console, you can see that only the pointer leave and pointer enter phrases never get printed out.

Exceptions (if any)

No response

.NET Version

6.0.302

Anything else?

No response

Metadata

Metadata

Labels

DoneThis issue has been fixedarea-blazorIncludes: Blazor, Razor ComponentsbugThis issue describes a behavior which is not expected - a bug.

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions