iobroker.mywebui 1.37.87 → 1.37.88

package/io-package.json

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

package/package.json

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

package/www/dist/frontend/config/IobrokerWebuiScreenEditor.js

@@ -674,9 +674,11 @@ export class IobrokerWebuiScreenEditor extends BaseCustomWebComponentConstructor
         const shadowRoot = rootEl?.shadowRoot;
         if (!rootEl || !shadowRoot) return;
         try {
-            // Proxy wraps rootEl so ALL native HTMLElement methods (attachInternals, querySelector,
-            // closest, matches, getBoundingClientRect, etc.) work automatically.
-            // Custom WebUI API (_getDomElement, _assignEvent, shadowRoot) is injected via the handler.
+            // Proxy wraps rootEl so ALL native HTMLElement methods (querySelector, closest, etc.) work.
+            // Custom WebUI API and attachInternals stub are injected via overrides.
+            // attachInternals() is intercepted because the designer rootEl is a plain HTMLDivElement
+            // (not a custom element), so the native call would throw NotSupportedError.
+            let _internalsStub = null;
             const overrides = {
                 shadowRoot,
                 _getDomElement(id) {
@@ -686,6 +688,24 @@ export class IobrokerWebuiScreenEditor extends BaseCustomWebComponentConstructor
                     const el = overrides._getDomElement(id);
                     if (el) el.addEventListener(evtName, handler);
                 },
+                attachInternals() {
+                    if (!_internalsStub) {
+                        _internalsStub = {
+                            setFormValue() {},
+                            setValidity() {},
+                            checkValidity() { return true; },
+                            reportValidity() { return true; },
+                            form: null,
+                            validity: { valid: true, valueMissing: false, typeMismatch: false, patternMismatch: false, tooLong: false, tooShort: false, rangeUnderflow: false, rangeOverflow: false, stepMismatch: false, badInput: false, customError: false },
+                            validationMessage: '',
+                            willValidate: false,
+                            labels: [],
+                            states: { add() {}, delete() {}, has() { return false; }, clear() {}, forEach() {} },
+                            role: null,
+                        };
+                    }
+                    return _internalsStub;
+                },
             };
             const facade = new Proxy(rootEl, {
                 get(target, prop, receiver) {