[Bug]: <igc-input> component incorrectly shows invalid state with step attribute

[jsakamotoIGJP]

Which component(s) are affected?

Input

Description

When I used the <igc-input> component with the type="number" and any step attribute like step="0.1", the component showed a red border that indicates the input is invalid whenever it has any inputs.

Of course, the input was not invalid, and the "validity" property of the <input> element showed there are no invalid criteria.

Please see also the video I attached.

2024-12-13_16h30_13.mp4

Reproduction

The CodeSandbox workspace is here:

• https://codesandbox.io/p/sandbox/sad-snow-4tjjzl?workspaceId=ws_Y98QHFm8JTdVFqhsabhbav

The project file is here:

• 📦igc-input-number-step-example.zip

Workaround

I haven't any workaround so far.

Is this a regression?

No or unsure. This never worker, or I haven't tried before.

Affected versions

The package version of the "igniteui-webcomponents" is 5.1.2.

Browser/OS/Node environment

Browser: Microsoft Edge 131.0.2903.86, Google Chrome 131.0.6778.140, Mozilla Firefox 133.0.3
OS: Windows 11 Pro 24H2 26100.2605
npm: v20.18.0