[Custom Input Masks] Issue with AJAX refresh on iOS

Forge Component
(43)
Published on 2019-04-22 by Marcelo Ferreira
43 votes
Published on 2019-04-22 by Marcelo Ferreira

I'm facing an issue with the "MaskDate" block in Safari for iOS. After performing an AJAX refresh on the page, the focus is always placed in the input bound to the MaskDate.

I'm attaching to this post an OML reproducing this issue. To see it happening, fill in the 2nd input and move the focus to the third one (this triggers an AJAX refresh). You'll see that the focus will be automatically set to the 1st input.

Has anyone ever faced this issue?

Aurelio Junior wrote: I am also facing this issue right now, i thought the issue was on the ajax refresh itself.

I'm facing an issue with the "MaskDate" block in Safari for iOS. After performing an AJAX refresh on the page, the focus is always placed in the input bound to the MaskDate.

I'm attaching to this post an OML reproducing this issue. To see it happening, fill in the 2nd input and move the focus to the third one (this triggers an AJAX refresh). You'll see that the focus will be automatically set to the 1st input.

Has anyone ever faced this issue?



Hi Aurelio,

Unfortunately I don't have a iOS environment to test thisThis should be caused because safari handle some JS differently than the other browsers. You know at least which JS instruction is causing that change? Tried to look into the code and safari behaviors which normally are different than the other browsers and couldn't find a reason.

Regards,

Marcelo

Hello all ,

I am also facing same issue on IE , i have several inputs with mask applied for currency and after ajax refresh focus is shifted to last input with mask on the page , this is very frustrating for inputting while tabbing.

Does anyone have a solution for this ?