João Barata

Created on 26 February 2020

Reactive

3.8

(12 ratings)

6 reviews

3330

Details

Input Mask for Reactive applications based on https://github.com/RobinHerbots/Inputmask

Input Mask for Reactive applications based on https://github.com/RobinHerbots/Inputmask

It uses the vanilla javascript library instead of the jquery one.

Icons made by Freepik from https://www.flaticon.com/

Release notes (1.0.10)

Fixed:

Improved the OnDestroy logic to better handle an edge case scenario where the input mask was added to an input with the same exact Id on both the initial and final screen on the transition.

License (1.0.10)

BSD-3 license (https://opensource.org/licenses/BSD-3-Clause)

Reviews (6)

17 Apr (3 days ago)

in version 1.0.10

Amazing Component, exactly what I need right now

But those "jitMasking", "UnMask", "UseNumericInput" parametr arent explained in the docs

Name                                                               |___________________________
Source Block                                                    InputMaskReactFlow\MaskText
InputId                                                                Input_Contact.Id
MaskPattern                                                       "+9(999)999-99-99"
jitMasking                                                        |___________________________
UnMask                                                           |___________________________
UseNumericInput                                            |___________________________

18 Jan

in version 1.0.10

The MaskCurrency work's perfectly with the suffix (€)

2023-01-26

in version 1.0.9

Useful component.

However, there are a few issues:

1. It seems that the OptionalDisplayDecimalDigits input is actually hardcoded to always be True in the component itself.
2. When used in components it can sometimes cause the screen to crash because of JS inside the component that blocks the event log.
3. Depending on the use case, it can produce very bad rounding errors - completely inaccurate results which show to the user.

Tags

Support options

This asset is not supported by OutSystems. You may use the discussion forums to leave suggestions or obtain best-effort support from the community, including from who created this asset.

Dependencies

Input Mask React has no dependencies.

Application Objects

Input Mask React has 0 AOs.

Team

Staff