wireui / wireui

TallStack UI components
https://v1.wireui.dev
MIT License
1.37k stars 166 forks source link

masked input does not play well with Danish hardware keyboard on IPad #128

Closed rabol closed 2 years ago

rabol commented 2 years ago

Describe the bug When using the masked input, with an IPad and a Danish keybord, one cannot used the + sign. when the + sign is pressed a ( appears

Steps to reproduce the behavior: go to the examples page and use IPad with non english hardware keyboard and try to enter + in one of the masked input controls

Expected behavior Expected that a + appeard instead of a (

Screenshots

PH7-Jack commented 2 years ago

@rabol Can you create a video with this issue? Show the maskable input code too

rabol commented 2 years ago

here is the code


<x-inputs.maskable
    label="Maskable Input"
    mask="['(###) ###-####', '+# ### ###-####', '+## ## ####-####']"
    placeholder="Phone number"
/>

from your dokumentation page

https://livewire-wireui.com/docs/maskable-inputs

I’ll try to see how I can make a video

PH7-Jack commented 2 years ago

@rabol you can use the https://www.loom.com to record a video

rabol commented 2 years ago

hope this is ok

https://www.loom.com/share/da42284e0eeb4b3e84ff9dfd0af69491

PH7-Jack commented 2 years ago

@rabol this video is private?

rabol commented 2 years ago

https://www.loom.com/share/da42284e0eeb4b3e84ff9dfd0af69491 - it should be public as far as I can see

PH7-Jack commented 2 years ago

You are clicking in one number, and only the "(" is inserted?

rabol commented 2 years ago

yes, but I'm actually pressing the + (plus sign) on the keyboard and ( is displayed

PH7-Jack commented 2 years ago

You don't need to add any formatting value. Try press only numbers to see the dynamic formatting

Ex: 1234...

rabol commented 2 years ago

aha... got it now, the formatting will change depending on the number of digits entered Screen Shot 2021-11-16 at 14 50 52