Input type checkbox component export inner prop as FormCheck instead of HTMLElement

[SimonNegrin]

I supposed this is an error and it should export the subjacent HTMLElement. I've taken a look to the FormCheck component and I think the fix would be change the lines with bind:this={inner} by bind:inner.

[bestguy]

Hi @SimonNegrin ,
Not sure what you are looking to do, the inner ref is to allow access to things like triggering focus on the inner input element, which otherwise would not be available. This is used in Input as well.

[SimonNegrin]

Hi!

I'm trying to use native controls validation and I need access to the HTMLInputElement validity property. When I use an Input type text there is no problem because the inner prop is exported as HTMLInputElement but this is not de case when the Input is a type checkbox.

[bestguy]

Ah! I see the issue now. When you use Input type="checkbox", this line is incorrect:

sveltestrap/src/Input.svelte

Line 213 in 9931180

bind:this={inner}

It should be:

bind:inner={inner}

Thanks for the find/explanation, we'll fix up today.

[bestguy]

Merged, will release soon

[SimonNegrin]

Ok, thank you!! 🎉🎉 This will ease so much my forms validation.

[bestguy]

Released in 5.6.3

[demetrius-mp]

@bestguy, shouldnt this issue be closed?

[bestguy]

Yep, thanks, I usually give issue opener chance to confirm & close, but this was left open.