Add removal of attributes.

enbock · Jun 18, 2022 · 7b3b0aa · 7b3b0aa
1 parent 43e9309
commit 7b3b0aa
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/.idea/misc.xml b/.idea/misc.xml
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@enbock/ts-jsx",
-  "version": "0.1.0-dev17",
+  "version": "0.1.0-dev18",
   "description": "An simple JSX rendering based on ShadowDOMv1.",
   "license": "MIT",
   "author": "Endre Bock <endre@itbock.de>",

diff --git a/src/ShadowRenderer.ts b/src/ShadowRenderer.ts
@@ -65,11 +65,16 @@ export default class ShadowRenderer {
         for (const key of Object.keys(result.props)) {
             const isOnDashStyle: boolean = key.substring(0, 3) == 'on-';
             if (isOnDashStyle || key.match(/^on[A-Z]/) !== null) {
-                const eventName:string = key.substring(isOnDashStyle ? 3 : 2).toLowerCase();
+                const eventName: string = key.substring(isOnDashStyle ? 3 : 2).toLowerCase();
                 (domNode as any)['on' + eventName] = result.props[key];
             } else
                 domNode.setAttribute(key, result.props[key]);
         }
+        for (let ai: number = 0; ai < domNode.attributes.length; ai++) {
+            const key: string = domNode.attributes.item(ai)!.name;
+            if (Object.hasOwn(result.props, key)) continue;
+            domNode.attributes.removeNamedItem(key);
+        }
     }
 
     private static iterateLevel(results: ShadowDomElement | ShadowDomElement[], root: HTMLElement | ShadowRoot): void {