UI5 / UI5/webcomponents

[Feature Request]: Support tabular suggestions for Input and MultiInput

Open
#13,506 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

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

Description

Feature Request Description

ui5-input and ui5-multi-input support suggestions and a value help icon, which is very useful for Fiori-like value help scenarios.

For many enterprise use cases, however, simple suggestion items are not enough. Users often need to identify an object based on multiple attributes, not just one text and an optional additional text.

Examples:

Business Partner: ID, name, city, country
Product: product number, description, unit, category
Patient: patient number, full name, birth date, insurance provider

In SAPUI5 / OpenUI5, sap.m.Input supports tabular suggestions via suggestionColumns and suggestionRows. There does not seem to be an equivalent native API for tabular suggestions in UI5 Web Components.

https://ui5.sap.com/1.38.67/docs/api/symbols/sap.m.Input.html?utm_source=chatgpt.com

Proposed Solution
<ui5-input
  show-suggestions
  show-value-help-icon
  placeholder="Search health insurance"
>
  <ui5-table slot="suggestions">
    <ui5-table-header-row slot="headerRow">
      <ui5-table-header-cell>IK Number</ui5-table-header-cell>
      <ui5-table-header-cell>Name</ui5-table-header-cell>
      <ui5-table-header-cell>City</ui5-table-header-cell>
      <ui5-table-header-cell>Type</ui5-table-header-cell>
    </ui5-table-header-row>

    <ui5-table-row data-key="123456789">
      <ui5-table-cell>123456789</ui5-table-cell>
      <ui5-table-cell>Example Insurance A</ui5-table-cell>
      <ui5-table-cell>Berlin</ui5-table-cell>
      <ui5-table-cell>Public</ui5-table-cell>
    </ui5-table-row>

    <ui5-table-row data-key="987654321">
      <ui5-table-cell>987654321</ui5-table-cell>
      <ui5-table-cell>Example Insurance B</ui5-table-cell>
      <ui5-table-cell>Munich</ui5-table-cell>
      <ui5-table-cell>Private</ui5-table-cell>
    </ui5-table-row>
  </ui5-table>
</ui5-input>
Proposed Alternatives

No response

Organization

No response

Additional Context

No response

Priority

Low

Privacy Policy
  • 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.

Research direction

Start by reviewing the ui5-input and ui5-multi-input suggestion and value-help APIs, then compare them with the proposed ui5-table in the suggestions slot. Define how tabular rows, headers, selection, and the selected value should integrate with both components. Done means a documented and tested API supports the business-partner, product, and patient-style multi-attribute suggestions.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.