liveValidate does not work for integer input · rjsf-team/react-jsonschema-form#4038

2024-01-11T13:40:44.000Z

### Prerequisites - [X] I have searched the existing issues - [X] I understand that providing a [SSCCE](http://sscce.org/) example is tremendously useful to the maintainers. - [X] I have read the [documentation](https://rjsf-team.github.io/react-jsonschema-form/docs) - [X] Ideally, I'm providing a [sample JSFiddle](https://jsfiddle.net), [Codesandbox.io](https://codesandbox.io) or preferably a [shared playground link](https://rjsf-team.github.io/react-jsonschema-form/) demonstrating the issue. ### What theme are you using? core ### Version 5.x ### Current Behavior See [this playground](https://rjsf-team.github.io/react-jsonschema-form/#eyJmb3JtRGF0YSI6e30sInNjaGVtYSI6eyJ0aXRsZSI6IlZhbGlkYXRpb24iLCJ0eXBlIjoib2JqZWN0IiwicHJvcGVydGllcyI6eyJhZ2UiOnsidHlwZSI6ImludGVnZXIiLCJ0aXRsZSI6IkFnZSJ9fX0sInVpU2NoZW1hIjp7ImFnZSI6eyJ1aTp0aXRsZSI6IkFnZSBvZiBwZXJzb24iLCJ1aTpkZXNjcmlwdGlvbiI6IihlYXJ0aCB5ZWFyKSJ9fSwidGhlbWUiOiJkZWZhdWx0IiwibGl2ZVNldHRpbmdzIjp7ImxpdmVWYWxpZGF0ZSI6dHJ1ZSwic2hvd0Vycm9yTGlzdCI6InRvcCIsImV4cGVyaW1lbnRhbF9kZWZhdWx0Rm9ybVN0YXRlQmVoYXZpb3IiOnsiYXJyYXlNaW5JdGVtcyI6eyJwb3B1bGF0ZSI6InBvcHVsYXRlIiwibWVyZ2VFeHRyYURlZmF1bHRzIjpmYWxzZX0sImFsbE9mIjoic2tpcERlZmF1bHRzIiwiZW1wdHlPYmplY3RGaWVsZHMiOiJwb3B1bGF0ZUFsbERlZmF1bHRzIn19fQ==), `liveValidate` has no effect on `integer` properties, you can enter any text there. Maybe related, most themes seem to always use the `updown` widget instead of the documented `input[type=number]`. ### Expected Behavior Entering something like `abc` should invalidate immediately when `liveValidate` is checked ### Steps To Reproduce schema: ```json { "title": "Validation", "type": "object", "properties": { "age": { "type": "integer", "title": "Age" } } } ``` alternatively: open playground linked above 1. Set `liveValidate: true` 2. Enter `abc` in integer field 3. No hint or error appears. Note that the "Validation" examples work. ### Environment ```markdown Current playground. ``` ### Anything else? _No response_

Métricas do repositório

Stars: (13.175 stars)
Métricas de merge de PR: (Mesclagem média 3d 17h) (32 fundiu PRs em 30d)

Description

Prerequisites

I have searched the existing issues
I understand that providing a SSCCE example is tremendously useful to the maintainers.
I have read the documentation
Ideally, I'm providing a sample JSFiddle, Codesandbox.io or preferably a shared playground link demonstrating the issue.

What theme are you using?

core

Version

5.x

Current Behavior

See this playground, liveValidate has no effect on integer properties, you can enter any text there. Maybe related, most themes seem to always use the updown widget instead of the documented input[type=number].

Expected Behavior

Entering something like abc should invalidate immediately when liveValidate is checked

Steps To Reproduce

schema:

{
  "title": "Validation",
  "type": "object",
  "properties": {
    "age": {
      "type": "integer",
      "title": "Age"
    }
  }
}

alternatively: open playground linked above

Set liveValidate: true
Enter abc in integer field
No hint or error appears.

Note that the "Validation" examples work.

Environment

Current playground.

Anything else?

No response

Guia do colaborador

Direção de pesquisa: Identificar a causa raiz do liveValidate não disparar para campos de entrada de inteiros, provavelmente relacionada ao mapeamento de widgets ou à lógica de validação do formulário, e implementar uma correção para garantir a validação imediata na alteração da entrada.
Pilha de tecnologia: typescriptreact
Domain: frontend
Tipo Issue: Bug
Difficulty: 2
Tempo estimado: 1-3 horas
Status da atividade: Ativo
Clarity: Claro
Prerequisites: ReactTypeScript
Simpatia para novatos: 75