vant icon indicating copy to clipboard operation
vant copied to clipboard

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

Open kien-ht opened this issue 1 year ago • 6 comments

重现链接

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

kien-ht avatar Jan 24 '24 09:01 kien-ht

You can try using the digit type.

inottn avatar Jan 24 '24 09:01 inottn

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 https://github.com/youzan/vant/issues/12594#issuecomment-1907767415, or unsubscribe https://github.com/notifications/unsubscribe-auth/ARA5MVNS4ZL3GVERP2JSGXDYQDJZXAVCNFSM6AAAAABCIMAIZ2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTSMBXG43DONBRGU . You are receiving this because you authored the thread.Message ID: @.***>

kien-ht avatar Jan 24 '24 10:01 kien-ht

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

inottn avatar Jan 24 '24 10:01 inottn

image

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

kien-ht avatar Jan 24 '24 10:01 kien-ht

Some regions like France use comma as their decimal mark by default, you can still choose decimal point style number format by SettingsLanguage & RegionNumber 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.

Jungzl avatar Jan 31 '24 06:01 Jungzl

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)

vitto32 avatar May 21 '24 10:05 vitto32