[TextField] Can not enter decimal separator (Safari)

[pekeler]

When entering a . or , as in 12.34, the value gets deleted.

[pekeler]

(This is in Safari 17.1, seems to work fine in Chrome)

[techniq]

Thanks for the report @pekeler. Yeah, it appears to only affect Safari (also tested Firefox).

My first thought was how Safari might he handling Number('12.') but it looks consistent with Chrome.

Chrome	Safari

I've had a note to improve this functionality. Hopefully I (or someone else) can get to it soon. The current workaround is not using type="decimal" and manually converting the value.

I do wonder if some of this handling is needed, or shouldn't be replaced with e.target.valueAsNumber (although Svelte already does this for <input type="number" bind:value >.

[dimfeld]

Hmm, this doesn't reproduce for me, using Safari 17.2.1. I just tried it with the sample decimal TextField in the docs site.

[dimfeld]

Posted this on the Discord, but here for the record. This appears to be a bug in Safari 17.1, fixed in 17.2

[techniq]

not returning the correct value

You could say that :)

[techniq]

@pekeler I'm going to close this as I don't see a way to workaround it otherwise, and at least it's resolved in the latest Safari release :)

[pekeler]

Makes sense. Thanks.

(Safari is my default browser. Quite interesting I never noticed this browser bug on any other site. I guess almost nobody is using real number inputs and does their own parsing instead.)