Subscribe on changes!

Input type="number" is not working on Safari (Safari 15.1)

avatar
Jul 12th 2022

Vue version

3.0.0 and higher

Link to minimal reproduction

https://codepen.io/cfjedimaster/pen/GObpZM

Steps to reproduce

Zrzut ekranu 2022-07-12 o 12 50 18

Go to codepen example on safari (tested on 15.1), and type in non-numeric value in age input

What is expected?

The non-numeric value should be not possible to type in (as on Chrome)

What is actually happening?

You can provide non-numeric value in input

System Info

System:
    OS: macOS 12.0.1
    CPU: (8) arm64 Apple M1
    Memory: 132.89 MB / 16.00 GB
    Shell: 5.8 - /bin/zsh
  Binaries:
    Node: 16.13.1 - /usr/local/bin/node
    Yarn: 1.22.18 - ~/Workspace/marketplace-frontend/node_modules/.bin/yarn
    npm: 8.1.2 - /usr/local/bin/npm
  Browsers:
    Chrome: 103.0.5060.114
    Safari: 15.1

Any additional comments?

No response

avatar
Jul 12th 2022

This is just how browsers differ. The funny part is Vue is not even running because that's Vue 2 syntax but it's importing Vue 3 😄


Remember to use the forum or the Discord chat to ask questions!