Bug Description

In MultiInput and MultiComboBox (I assume it affects anything with Tokenizer, but I didn't test on anything else), when there's a token displayed, and "N more" button next to it, clicking on the "x" icon on the token will not remove it from the input, if this token is not the first in the tokens list.

https://stackblitz.com/edit/js-h3cbhwwe?file=index.html - in this example, there are 2 visibly identical sets of inputs, with the difference being that in the inputs from the first section (under the "Here clicking on 'x' doesn't work" header) the "Short" token is positioned on the second place in HTML, while in the inputs from the second section (under the "Here clicking on 'x' works" header) the "Short" token is positioned first in HTML. The bug is reproducible in the inputs from the first section, while in the inputs from the second section clicking on "x" removes the token as expected.

Affected Component

MultiInput, MultiComboBox

Expected Behaviour

The token is always removed when "x" icon is clicked

Isolated Example

https://stackblitz.com/edit/js-h3cbhwwe?file=index.html

Steps to Reproduce

1. Click on "x" icon on the "Short" token on either of 2 inputs under "Here clicking on "x" doesn't work" header
2. Click somewhere else to make sure the token remains in the input

Log Output, Stack Trace or Screenshots

No response

Priority

None

UI5 Web Components Version

2.14.0

Browser

Chrome

Operating System

Windows 11

Additional Context

No response

Organization

No response

Declaration

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