UI5 / UI5/webcomponents

[MultiInput]: Performance issue with large number of Tokens

Open
#12,596 2 comments 0 reactions 1 assignee View on GitHub

@MapTo0 is already working on this.

Since Nov 24, 2025.

bug Medium Prio TOPIC RL
Dominant language
TypeScript
Stars
1.8k
Forks
285
Avg merge
3d 2h
Merged PRs (30d)
59

Description

Bug Description

The MultiInput component becomes extremely slow and unresponsive when the number of tokens exceeds approximately 500.

Adding new tokens: There is a significant delay (several seconds) between typing/pasting and the token appearing in the input field.
Deleting tokens: Removing tokens is very laggy. The UI does not respond.

Affected Component

MultiInput

Expected Behaviour

The MultiInput component should remain performant and responsive regardless of the number of tokens.

Isolated Example

No response

Steps to Reproduce

No response

Log Output, Stack Trace or Screenshots

https://ui5.github.io/webcomponents-react/v2/?path=/docs/inputs-multiinput--docs

Priority

None

UI5 Web Components Version

2.11.0

Browser

Chrome

Operating System

Windows

Additional Context

No response

Organization

No response

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

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.