iobroker.mywebui 1.37.92 → 1.37.93

package/io-package.json

@@ -1,7 +1,7 @@
 {
   "common": {
     "name": "mywebui",
-    "version": "1.37.92",
+    "version": "1.37.93",
     "titleLang": {
       "en": "mywebui",
       "de": "mywebui",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "iobroker.mywebui",
-  "version": "1.37.92",
+  "version": "1.37.93",
   "description": "ioBroker mywebui - Custom edited mywebui by gokturk413",
   "type": "module",
   "main": "dist/backend/main.js",

package/www/dist/frontend/runtime/AnimationService.js

@@ -413,7 +413,10 @@ class AnimationInstance {
         const effect = this.cfg.effect;
 
         if (effect === 'motionPath' && this.cfg.pathId) {
-            const pathEl = document.getElementById(this.cfg.pathId);
+            // Search in shadow root first — document.getElementById doesn't see shadow DOM elements
+            const rootNode = this.element.getRootNode();
+            const pathEl = (rootNode instanceof ShadowRoot ? rootNode : document).getElementById(this.cfg.pathId)
+                        ?? document.getElementById(this.cfg.pathId);
             if (!pathEl) { console.warn('[AnimationService] motionPath: path element not found:', this.cfg.pathId); return; }
             this.tween = gsap.to(this.element, {
                 duration: parseFloat(this.cfg.duration) || 1,
@@ -422,8 +425,8 @@ class AnimationInstance {
                 yoyo: this.cfg.yoyo === true,
                 paused: true,
                 motionPath: {
-                    path: '#' + this.cfg.pathId,
-                    align: this.cfg.alignToPath ? '#' + this.cfg.pathId : false,
+                    path: pathEl,
+                    align: this.cfg.alignToPath ? pathEl : false,
                     autoRotate: this.cfg.orientToPath === true,
                     alignOrigin: [0.5, 0.5],
                     start: this.cfg.valueFrom ? parseFloat(this.cfg.valueFrom) / 100 : 0,