spellCheck property not working

[phm07]

I am using TypeScript to bundle JSX for use with preact. I noticed that the "spellCheck" property on input elements is not working correctly. <input spellCheck={false} /> doesn't even render the property in the DOM, <input spellCheck="false" /> works, but there is a TypeScript error because it doesn't fit the definition.

[developit]

@pauhull the correct property to use if you're setting a boolean value is spellcheck (lower-case):

<input spellcheck={false} />

The spellCheck prop will always be set as an HTML attribute, and the HTML spellcheck attribute is a boolean attribute. I think we patch a few of these awkward behaviors, but this isn't one of them.

[JoviDeCroock]

@developit do we want to patch this in compat?

[developit]

I'd prefer not to, since the mappings will grow large.

[JoviDeCroock]

In that case shall we close this as we have a fix here

[martpet]

Only spellcheck="false" works, but it produces a Typescript error.

[rschristian]

@martpet spellcheck={false} works just fine from my tests. Can you share any more info?

[martpet]

In this example it doesn't work - github repo (preview), though I'm using "preact-render-to-string", if it matters.

[rschristian]

Yes, rts matters a lot -- it's a different environment entirely.

Care to open an issue? I'll try to take a look at that later, schedule permitting.