OpenNeo/impress
OpenNeo/impress
1
0
Fork 1
Code Pull requests Activity

Oops, fix magnifier position bug when page is scrolled

Browse source
This commit is contained in:
Emi Matchu 2024-12-07 12:41:03 -08:00
parent 347419aee8
commit 30d42d29c1
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
app/assets/javascripts/magic-magnifier.js
View file

@ -14,8 +14,8 @@ class MagicMagnifier extends HTMLElement {
#onMouseMove(e) { #onMouseMove(e) {
const lens = this.querySelector("magic-magnifier-lens"); const lens = this.querySelector("magic-magnifier-lens");
const rect = this.getBoundingClientRect(); const rect = this.getBoundingClientRect();
const x = e.pageX - rect.left; const x = e.clientX - rect.left;
const y = e.pageY - rect.top; const y = e.clientY - rect.top;
this.style.setProperty("--magic-magnifier-x", x + "px"); this.style.setProperty("--magic-magnifier-x", x + "px");
this.style.setProperty("--magic-magnifier-y", y + "px"); this.style.setProperty("--magic-magnifier-y", y + "px");
} }