Mask sample for applying additional formatting on focus and blur unexpected behavior

[ddaribo]

Description

The mask sample for applying additional formatting on focus and blur does not work as stated it should:
"As a result, a '%' sign should be appended to the value on blur (i.e. when the user clicks outside the input) and will be removed once the input gets focus!"
however multiple '%' signs are appended and the mask gets additional symbols.

Steps to reproduce

1. Check out the sample in this section of the docs

Result

Expected result

Have a three-digits mask when editing and a '%' sign when not-focused.

Attachments

Attach a sample if available, and screenshots, if applicable.