fix(jsx): fix jsx htmlfor incompatibility

Author: adamdbradley

src/declarations/jsx.ts

@@ -356,6 +356,7 @@ export namespace JSXElements {
   export interface LabelHTMLAttributes<T> extends HTMLAttributes<T> {
     form?: string;
     htmlFor?: string;
+    htmlfor?: string;
   }
 
   export interface LiHTMLAttributes<T> extends HTMLAttributes<T> {
@@ -452,6 +453,7 @@ export namespace JSXElements {
   export interface OutputHTMLAttributes<T> extends HTMLAttributes<T> {
     form?: string;
     htmlFor?: string;
+    htmlfor?: string;
     name?: string;
   }
 

src/renderer/vdom/set-accessor.ts

@@ -122,6 +122,9 @@ export const setAccessor = (plt: d.PlatformApi, elm: HTMLElement, memberName: st
     }
 
   } else if (newValue != null && memberName !== 'key') {
+    if (_BUILD_.isDev && memberName === 'htmlfor') {
+      console.error(`Attribute "htmlfor" set on ${elm.tagName.toLowerCase()}, with the lower case "f" must be replaced with a "htmlFor" (capital "F")`);
+    }
     // Element Attributes
     updateAttribute(elm, memberName, newValue);