[Input]: V2 Input Component's valueState Display Incorrect Popover When ValueState Set to Empty or Undefined

[mrmabo]

Bug Description

When the valueState property of the Input component is set to an empty string or undefined, an incorrect valueState message popover appears.
However, When the valueState porperty is set to "None", the incorrect popover won't display.

Affected Component

Input

Expected Behaviour

If valueState is set to undefined or an empty string, it should default to "None" to prevent the incorrect popover from appearing.

Isolated Example

https://stackblitz.com/edit/github-pzlhay-jzepmf?file=src%2FApp.tsx,package.json

Steps to Reproduce

1. Use the Input component.
2. Set the valueState property to "" (empty string) or undefined.
3. Observe the valueState message popover that appears.
4. Set the valueState property to "None", and note that the popover does not appear.

Log Output, Stack Trace or Screenshots

Priority

Very High

UI5 Web Components Version

2.3.0

Browser

Chrome, Edge, Firefox, Safari

Operating System

No response

Additional Context

No response

Organization

SF

Declaration

• I’m not disclosing any internal or sensitive information.