jeffemmett
/
folk-canvas
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

rework shape listeners

This commit is contained in:
“chrisshank” 2024-12-02 23:14:19 -08:00
parent 7a3ac92849
commit 9c63d9ac8c
1 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/folk-shape.ts
View File

@ -386,7 +386,7 @@ export class FolkShape extends HTMLElement {
// ignore interactions from slotted elements. // ignore interactions from slotted elements.
if (target !== this && !target.hasAttribute('part')) return; if (target !== this && !target.hasAttribute('part')) return;
target.addEventListener('pointermove', this); this.addEventListener('pointermove', this);
this.addEventListener('lostpointercapture', this); this.addEventListener('lostpointercapture', this);
target.setPointerCapture(event.pointerId); target.setPointerCapture(event.pointerId);
@ -397,8 +397,7 @@ export class FolkShape extends HTMLElement {
return; return;
} }
case 'pointermove': { case 'pointermove': {
const target = event.target as HTMLElement; const target = event.composedPath()[0] as HTMLElement;
if (target === null) return; if (target === null) return;
if (target === this) { if (target === this) {
@ -452,7 +451,7 @@ export class FolkShape extends HTMLElement {
const target = event.composedPath()[0] as HTMLElement; const target = event.composedPath()[0] as HTMLElement;
const interaction = target.getAttribute('part') || 'move'; const interaction = target.getAttribute('part') || 'move';
this.#internals.states.delete(interaction); this.#internals.states.delete(interaction);
target.removeEventListener('pointermove', this); this.removeEventListener('pointermove', this);
this.removeEventListener('lostpointercapture', this); this.removeEventListener('lostpointercapture', this);
return; return;
} }