mirror/rio
1
0
Fork 0
mirror of https://github.com/rio-labs/rio.git synced 2026-01-06 05:09:43 -06:00
Code Issues Packages Projects Releases Wiki Activity

switched more mouse events to pointer events

Browse Source
This commit is contained in:
Jakob Pinterits
2024-10-04 19:48:01 +02:00
parent 4798c2c37d
commit 71b19d08dc
12 changed files with 131 additions and 126 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/code/components/codeExplorer.ts
View File

@@ -47,14 +47,14 @@ export class CodeExplorerComponent extends ComponentBase {
[this.sourceCodeElement, this.arrowElement, this.buildResultElement] =
Array.from(element.children) as HTMLElement[];
// Listen for mouse events
// Listen for pointer events
this.buildResultElement.addEventListener(
"mousemove",
this.onResultMouseMove.bind(this),
"pointermove",
this.onResultPointerMove.bind(this),
{ capture: true }
);
this.buildResultElement.addEventListener("mouseleave", () => {
this.buildResultElement.addEventListener("pointerleave", () => {
this._highlightComponentByKey(null);
});
@@ -166,12 +166,12 @@ export class CodeExplorerComponent extends ComponentBase {
// Add the event listeners
((currentLineIndex) => {
singleSpan.addEventListener("mouseenter", () => {
singleSpan.addEventListener("pointerenter", () => {
this.onLineEntered(currentLineIndex);
});
})(lineIndex);
singleSpan.addEventListener("mouseleave", () => {
singleSpan.addEventListener("pointerleave", () => {
this.onLineEntered(null);
});
@@ -193,7 +193,7 @@ export class CodeExplorerComponent extends ComponentBase {
this._highlightComponentByKey(key);
}
private onResultMouseMove(event: MouseEvent): void {
private onResultPointerMove(event: PointerEvent): void {
// Find the element that's being hovered over
let curElement = event.target as HTMLElement;