Merge pull request #108 from wethegit/bugfix/click-event-layering

Fix: click event layering
wethegit · Sep 26, 2024 · 439ed2e · 439ed2e
2 parents 2a9a648 + c48de0f
commit 439ed2e
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wethegit/preact-stickerbook",
-  "version": "4.0.4",
+  "version": "4.0.5",
   "description": "Easily create collage apps that are accessible by default.",
   "files": [
     "dist/*"

diff --git a/src/lib/sticker.tsx b/src/lib/sticker.tsx
@@ -400,8 +400,8 @@ export function Sticker({
       // This makes sure that when we click *through* the sticker we get the next one below instead of some random one in the stack.
       elements.sort((a, b) => {
         if (
-          a.classList.contains("Sticker__img") &&
-          b.classList.contains("Sticker__img")
+          a.classList.contains(styles.Sticker__img) &&
+          b.classList.contains(styles.Sticker__img)
         ) {
           if (!a.parentNode?.parentElement || !b.parentNode?.parentElement)
             return 0
@@ -419,7 +419,7 @@ export function Sticker({
       // Loop through the elements. If it belongs to a sticker then create a pointer event and "click" that sticker
       elements.forEach((element) => {
         if (
-          element.classList.contains("Sticker__img") &&
+          element.classList.contains(styles.Sticker__img) &&
           !element.classList.contains("Sticker--checking")
         ) {
           // create a specific "pointerdown" event