root/BlazorReorder
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

* trying to deal with this bug

Browse source 
https://stackoverflow.com/questions/71905879/blazor-wasm-bug-with-dotnet-publish-and-events
This commit is contained in:
Santiago Cattaneo 2022-04-18 13:26:48 -03:00
parent 5b06e4c834
commit 6c1798d957
3 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
BlazorReorderList/Reorder.razor
View file

@ -18,7 +18,7 @@
<div class="sortable" @ref="sortable">
@foreach (var item in Items.Select((v, i) => (v, i)))
{
<div @ref="itemElem[item.i]" class="item @((object)item.v == (object)rs.selected ? "active" : "")"
<div @ref="itemElem[item.i]" @key="item.i" class="item @((object)item.v == (object)rs.selected ? "active" : "")"
@onmousedown="async (e) => await onPress(e, item.v, item.i)">
@ChildContent(item.v)
</div>

2
BlazorReorderList/ReorderService.cs
View file

@ -74,7 +74,7 @@ public class ReorderService<TItem> : IAsyncDisposable
public async ValueTask<point> getPoint(MouseEventArgs ev)
{
var module = await moduleTask.Value;
return await module.InvokeAsync<point>("getPoint", ev);
return await module.InvokeAsync<point>("getPoint", ev.PageX, ev.PageY, ev.ClientX, ev.ClientY);
}
public async ValueTask<clientRect> getClientRect(ElementReference el)

8
BlazorReorderList/wwwroot/ReorderJsInterop.js
View file

@ -5,11 +5,11 @@ var _w = window,
var dotNetInstance = [];
// get position of mouse/touch in relation to viewport
export function getPoint(e) {
export function getPoint(pageX, pageY, clientX, clientY) {
var scrollX = Math.max(0, _w.pageXOffset || _d.scrollLeft || _b.scrollLeft || 0) - (_d.clientLeft || 0),
scrollY = Math.max(0, _w.pageYOffset || _d.scrollTop || _b.scrollTop || 0) - (_d.clientTop || 0),
pointX = e ? (Math.max(0, e.pageX || e.clientX || 0) - scrollX) : 0,
pointY = e ? (Math.max(0, e.pageY || e.clientY || 0) - scrollY) : 0;
pointX = Math.max(0, pageX || clientX || 0) - scrollX,
pointY = Math.max(0, pageY || clientY || 0) - scrollY;
return { x: pointX, y: pointY };
}
@ -30,7 +30,7 @@ export function removeEvents(dotNet) {
// only invoke events form the collection
function onMove(e) {
var point = getPoint(e);
var point = getPoint(e.pageX, e.pageY, e.clientX, e.clientY);
for (var i = 0; i < dotNetInstance.length; i++) {
dotNetInstance[i].invokeMethodAsync("onMove", point);
}