fix(html): handle global boolean attributes without value

telerik · Oct 5, 2021 · 28bf2d2 · 28bf2d2
1 parent dac8c87
commit 28bf2d2
Showing 1 changed file with 22 additions and 1 deletion.
diff --git a/packages/html/lib/jsx-runtime.js b/packages/html/lib/jsx-runtime.js
@@ -10,18 +10,39 @@ const attrMap = {
     fillmode: 'fillMode'
 };
 
+const booleanAttr = new Set([
+    'hidden',
+
+    'hover',
+    'focus',
+    'active',
+    'disabled',
+
+    'selected',
+
+    'checked',
+    'indeterminate',
+
+    'aria'
+]);
+
 function attrToProps( element ) {
     let attributes = element.attributes;
     let props = {};
 
     Array.from(attributes).forEach((attrObj) => {
         let attrName = attrObj.name;
+        let attrValue = attrObj.value;
 
         if (attrMap[attrName]) {
             attrName = attrMap[attrName];
         }
 
-        props[ attrName ] = attrObj.value;
+        if (booleanAttr.has(attrName) && attrValue === '') {
+            props[ attrName ] = true;
+        } else {
+            props[ attrName ] = attrValue;
+        }
     });
 
     return props;