[ui5-tokenizer: incorrect overflow calculations]:

Open
#14,067 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
3/5
Estimated time
1-2 days
Newbie friendliness
68/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Active
Tech stack
typescript
Domain
frontend

Research direction

Start with the ui5-tokenizer overflow calculation changed by PR 13857 and review the affected ui5-multi-combobox, ui5-multi-input, and ui5-tokenizer components. Reproduce the Basic Sample with Argentina and Bulgaria selected, then run the relevant visual tests. Done means that when space permits, the first token appears followed by the N-more label instead of only the item count.

Written by the indexing model from the issue text.

Description

bug Medium Prio TOPIC RL
Bug Description

With the following change: 13857 we have introduced a deviation in the overflow calculations. In some scenarios where previously the first token was shown and then n-more indicator, now it is changed to "N items" but actually the space is enough if we follow the specification to show the first token and N-more label.

You can check the visual tests for reference as well since some of them are failing with the same issue.

Affected Component

ui5-multi-combobox, ui5-multi-input, ui5-tokenizer

Expected Behaviour

When there is enough space, first token should be visualised and then followed by N-more label for the overflowed ones.

Isolated Example

https://ui5.github.io/webcomponents/components/MultiComboBox/

Steps to Reproduce
  1. Open the sample
  2. Check "Basic Sample" and select Bulgaria as well

...
2 items is shown, previously: Argentina 1more

Log Output, Stack Trace or Screenshots

No response

Priority

Medium

UI5 Web Components Version

latest

Browser

Chrome

Operating System

No response

Additional Context

No response

Organization

No response

Declaration
  • I’m not disclosing any internal or sensitive information.
Dominant language
TypeScript
Stars
1.8k
Forks
285
Avg merge
3d 2h
Merged PRs (30d)
59

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.

More from UI5/webcomponents

All issues in UI5/webcomponents

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.