[ui5-input]: this.previousValue is not updated when the 'value' is not updated by typing

[gnseo]

Bug Description

Hello.

When programmatically updates the Input's value after focus in to the Input, the Input's change event is not triggered.
I think the this.previousValue is not updated in this case.
Please have a look at the isolated example and steps to reproduce.

Regards.

Affected Component

ui5-input

Expected Behaviour

No response

Isolated Example

https://stackblitz.com/edit/fmpohs6z-mkhxrje3?file=index.js

Steps to Reproduce

1. Select 'Austria' in ComboBox, then you can see in Input that it has value 'f'
2. Type 'fff' in ComboBox, then click the Input or press the 'tab' key to focus in to the Input.
3. Wait for 1 second, and you can see the Input's value is changed to empty.
4. Type 'f' in Input as same as the previous value of the Input, then focus out from the Input. You can see that nothing is logged in console since the 'change' event was not triggered.

Log Output, Stack Trace or Screenshots

No response

Priority

None

UI5 Web Components Version

2.25.2

Browser

Chrome

Operating System

No response

Additional Context

No response

Organization

No response

Declaration

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

[PetyaMarkovaBogdanova]

Hi @gnseo ,
I don`t know what is the productive code, that you use, but in the sample the problem is different, I guess you have noticed the errors in the console.
Self-closing tags are invalid for custom elements in HTML.

HTML only allows self-closing syntax (/>) for void elements like
, , . Custom elements are never void, so the parser ignores the / and treats the tag as open. Everything after it becomes a child of the element.
So written like that the input automatically slots the text component and its functionality is broken due to the exceptions.
Best regards,
Petya Markova.
UI5 Web components dispatcher.

[gnseo]

Hi, @PetyaMarkovaBogdanova .

What do you mean about the productive code?

Without the exception you've noticed, the problem also can be reproduced.

What I want to say is that only update this.previousValue with this.value on focus in is not enough.
We've used web component ui5 for a long time, but we just had found this issue recently.

Regards.

[PetyaMarkovaBogdanova]

Hi colleagues from @UI5/ui5-team-ctr-ril ,
in the provided sample the issue can be reproduced like this:
Select 'Austria' in ComboBox, then you can see in Input that it has value 'f'
Type 'fff' in ComboBox, then click the Input or press the 'tab' key to focus in to the Input.
Wait for 1 second, and you can see the Input's value is changed to empty.
Type 'f' in Input as same as the previous value of the Input, then focus out from the Input. You can see that nothing is logged in console since the 'change' event was not triggered.
Also reproducible with clear icon:
https://stackblitz.com/edit/fmpohs6z-d1wqzwst?file=index.js

Can you, please, take a look?
Best regards,
Petya Markova.
UI5 Web Components Dispatcher