iOS class="cc-number"

[jack-guide]

i am using version 2.4.4 of your library.

the form has the novalidate

the page will not move away from focus of the credit card number on iOS 14.6

Have i missed something in the documentation?

[melloware]

Not that I am aware of but don't you have to hit "Done" link on the keyboard numeric input in IOS to close it and move on?

[jack-guide]

when i hit "done", the keyboard disappears but the card number is still highlighted in yellow and when i try to click a different field, it just brings me back to the card number

[melloware]

Let me see if I can reproduce it.

[melloware]

When I try it here on my iPhone it works...

https://www.primefaces.org/showcase-ext/sections/creditcard/basicUsage.jsf

[jack-guide]

the way it works on that links is different from the documentation

on the input box for the card number I have class="cc-number". this seems to be what is causing the problem

[jack-guide]

<input name="ctl00$ContentPlaceHolder1$tbPPCardNumber" type="text" id="tbPPCardNumber" class="four columns cc-number unknown" inputmode="numeric" x-autocompletetype="cc-number">

[melloware]

ahh yeah i am mapping it differently there.

[davidmerrique]

I'm having the same problem in Safari on desktop and mobile.
Can't tab or click away from the credit card number input field after calling formatCardNumber(input)

This began after updating from 2.4.3 to 2.4.4

[melloware]

The only real change was this one...

#155

[davidmerrique]

@melloware I'm wondering if it's this line that's causing the problem

v2.4.3...2.4.4#diff-eb104090800eb03c1ec3715392f75ea5d853e3c0252a204f165c0638c09e4e7dR735

When 'blur' happens, reFormatCardNumber is causing the field to focus again.

[melloware]

That is definitely the problem. I would stay on 2.4.3 for now.

[melloware]

I wonder if instead of reformatCardNumber i just do..

QJ.on el, 'blur', formatCardNumber(maxLength)

[jack-guide]

this seems to work on iOS and on Chrome on desktop

QJ.on(el, 'keyup', reFormatCardNumber);