[BUG]
JCDMaciel opened this issue · comments
Ambiente
Por favor, forneça o máximo de detalhes possível:
- Tipo de hospedagem
- Form.io
- Implantação local
- Versão:
- Versão do Formio.js:
- Framework do frontend: Angular
- Navegador: Brave
- Versão do navegador: latest
Passos para Reproduzir
- Acesse o https://formio.github.io/formio.js/app/builder.html
- Escolha um componente numérico.
- Cadastre uma "display mask" para o campo.
Comportamento Esperado
Que o campo numerico respeite o display mask
Comportamento Observado
O display mask não é respeitado
Exemplo
Para código ou JSON do formulário, por favor, coloque-o em um bloco de código:
{
"display": "form",
"settings": {
"pdf": {
"id": "1ec0f8ee-6685-5d98-a847-26f67b67d6f0",
"src": "https://files.form.io/pdf/5692b91fd1028f01000407e3/file/1ec0f8ee-6685-5d98-a847-26f67b67d6f0"
}
},
"components": [
{
"label": "Number",
"displayMask": "999.999.999-99",
"applyMaskOn": "change",
"mask": false,
"tableView": false,
"delimiter": false,
"requireDecimal": false,
"inputFormat": "plain",
"truncateMultipleSpaces": false,
"key": "number",
"type": "number",
"input": true
},
{
"type": "button",
"label": "Submit",
"key": "submit",
"disableOnInvalid": true,
"input": true,
"tableView": false
}
]
}
@JCDMaciel Thank you for reporting the issue. A ticket FIO-8052 has been created for review by our team
This example should be handled with a Text field, not a number component. Masks can be applied to Text Fields as needed to accomplish this use case. The format 999.999.999-99 should be handled as a string, as it is not a true numerical value.