Boolean attributes

jorgebucaran · Jul 18, 2018 · 23778ee · 23778ee
1 parent ebdfc2c
commit 23778ee
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 1 deletion.
diff --git a/src/index.js b/src/index.js
@@ -186,7 +186,15 @@ export function app(state, actions, view, container) {
         } else {
           element.removeEventListener(name, eventListener)
         }
-      } else if (name in element && name !== "list" && name !== "type" && !isSvg) {
+      } else if (
+        name in element &&
+        name !== "list" &&
+        name !== "type" &&
+        name !== "draggable" &&
+        name !== "spellcheck" &&
+        name !== "translate" &&
+        !isSvg
+      ) {
         element[name] = value == null ? "" : value
       } else if (value != null && value !== false) {
         element.setAttribute(name, value)

diff --git a/test/dom.test.js b/test/dom.test.js
@@ -652,3 +652,30 @@ testVdomToHtml("events", [
     html: `<button id="clicked"></button>`
   }
 ])
+
+testVdomToHtml("boolean attributes", [
+  {
+    vdom: (
+      <main>
+        <input
+          checked={true}
+          spellcheck="true"
+          autocomplete="on"
+          translate="yes"
+        />
+        <input
+          checked={false}
+          spellcheck="false"
+          autocomplete="off"
+          translate="no"
+        />
+      </main>
+    ),
+    html: `
+        <main>
+          <input spellcheck="true" autocomplete="on" translate="yes">
+          <input spellcheck="false" autocomplete="off" translate="no">
+        </main>
+      `
+  }
+])