JSX tag with className attribute render a dom node with both class and className attribute

The following example illustrates the issue:

const Button = ({label}) =>
  <button className="my-button">{label}</button>
;

const view = () =>
  <div>
    <Button label="Click me" />
  </div>
;

The rendered output (in Chrome, macOS High Sierra)

<button class="my-button" classname="my-button">Click me</button>

If I use class instead of className it renders correctly.

const Button = ({label}) =>
  <button class="my-button">{label}</button>
;

[mindplay-dk]

Well, I’ve decided I can live with this for now - if this thing really catches on and the SAM pattern works out the way I’m hoping for, I might take another stab at this, but for now, it’s functional.

Good enough for government work 😂

[jorgebucaran]

@mindplay-dk Okay, I fixed this.

• https://github.com/hyperapp/hyperapp/commit/4f147c2ec00fd2a69b2298981a81372c603211ca

I found at least another property that was problematic, innerHTML. I don’t know if this was pointed out to me before, but it came up in a discussion with @frenzzy. 🎉