102
Views
4
Comments
[Input Mask React] Text Mask Not Loading on Redirect
inputmask-react
Reactive icon
Forge asset by João Barata
Application Type
Reactive

We currently have a submission screen that includes various input masks for our data entry team. The end of the final submit action ends with a redirect to the Current Screen. With this flow it currently unmasks the input box. I have attached an .oml that shows this behavior, along with 2 potential solutions that didn't work, and a third that did have the desired result.

In essence : User completes application with a phone number masked to "(999) 999-999", using the end nodes in all 3 disabled flows the input box no longer has the input mask restrictions to it. It works by calling Javascript location.reload(true); directly but it would be nice to not have to use this workaround from a readability perspective in Service Studio.

InputMaskReact_Example.oml
2019-12-16 14-44-15
Rúben Santos

Hi Nick,

I have thoroughly tested all the flows within the ButtonOnClick action on both Chrome and Firefox, and I can confirm that all of them are working as intended. It is possible that I may have missed something, but I believe that using the RedirectToURL function should resolve the issue.

Best regards,

Ruben

2020-03-30 22-22-21
Nick MATES

Really? Very Peculiar - after your feedback I decided to re-enable the flow listed under the Comment "Not working : Current Implementation" and it's still not working within my Chrome.

I don't believe it to be a caching issue because I emptied cache & hard reloaded with the same result. Additionally tried in an incognito window.

One thing to note : The prompt for the Input Boxes shows properly before selecting the button but they do not afterwards.

Chrome Version : 111.0.5563.110

Service Studio Version : 11.54.1.62118

Platform Version : 11.18.1.37905

Lifetime Version : 11.16.1.2466

Edit : Extra word in final paragraph

2019-12-16 14-44-15
Rúben Santos

Hey Nick,

Made a video going through the flows:

Link

Note: added a message to the 1st and 3rd flows.

Do you have a solution for the prompt issue?

UserImage.jpg
PoojaH

When the screen is redirected, the input mask component calls its on destroy action. 

on destroy action calls InputMask_RemoveInputMask() action which intern removes the applied patterns from Input field.  And sets some values to the input placeholders, e.g.'3455.00' for Number.

This is why when redirected to the same page, masking doesn't work. 

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.