[Bug Report] van-field type=number not allow decimal points in iOS devices

[kien-ht]

重现链接

https://vant-ui.github.io/vant/#/en-US/field

Vant 版本

latest

描述一下你遇到的问题。

It does bring up the numeric keyboard, however decimal points are not allowed/clickable.

It actually works on Chrome 117.0.5938.155/ Android, but not in any browsers in iOS.

重现步骤

1. Go to https://vant-ui.github.io/vant/#/en-US/field
2. Look for "Custom Type" demo
3. Type in "Number" field

设备/浏览器

Safari/iOS 16.7.4, Chrome 117.0.5938.117/iOS

[inottn]

You can try using the digit type.

[kien-ht]

The digit type doesn’t allow decimals, does it? I need decimals

…

On Wed, 24 Jan 2024 at 16:45 inottn ***@***.***> wrote: You can try using the digit type. — Reply to this email directly, view it on GitHub <#12594 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ARA5MVNS4ZL3GVERP2JSGXDYQDJZXAVCNFSM6AAAAABCIMAIZ2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTSMBXG43DONBRGU> . You are receiving this because you authored the thread.Message ID: ***@***.***>

[inottn]

Sorry, I misunderstood. However, I haven't been able to reproduce this issue on iOS 14 and 15. Could you please provide a screenshot?

[kien-ht]

You see the red circle. I assume it is for decimal points, but somehow it's not working in my mobile Safari (iOS 17.1.2), although it seems to work in Chrome

[Jungzl]

Some regions like France use comma as their decimal mark by default, you can still choose decimal point style number format by Settings ⇒ Language & Region ⇒ Number Format.

Vant side can't do anything for it. That's what you can expect as a native <input type="number">, maybe there will be a document mentioned about it.

[vitto32]

A native <input type="number"> shows the value with the comma to the user (15,10) and returns 15.10.

The ISO standard says:

the symbol for the decimal marker shall be either the point on the line or the comma on the line

The dot is vastly used outside USA and China (https://en.wikipedia.org/wiki/Decimal_separator#/media/File:DecimalSeparator.svg)