Input | framework: Value Help interaction pattern not supported (missing trigger / a11y behavior)

[AnastasiyaLis8]

Bug Description

In SAP Fiori applications, Value Help is a standard interaction pattern that allows users to open a selection dialog directly from a field (typically via an integrated trigger inside the input).

Currently, ui5/webcomponents does not provide a standardized way to implement this pattern on top of the Input component.

While it is possible to compose dialogs using existing components such as Dialog, Table, Button, etc., there is no native support for:

• a built-in value help trigger inside the input
• standardized keyboard interaction
• accessibility semantics aligned with Fiori

As a result, enterprise applications must implement custom field wrappers or inconsistent UX patterns to achieve Value Help behavior.

Affected Component

Input

Expected Behaviour

The Input (or a dedicated field component) should support implementing the Fiori Value Help interaction pattern in a standardized way.

This could include:

• built-in support for a value help trigger / action inside the field which pulls up the dialog (modal) https://www.sap.com/design-system/fiori-design-web/ui-elements/input-field/
• proper keyboard handling
• accessible semantics
• visual behavior aligned with Fiori design guidelines

Isolated Example

https://ui5.sap.com/#/entity/sap.ui.mdc.ValueHelp/sample/sap.ui.mdc.demokit.sample.FieldValueHelpJson

Steps to Reproduce

1. Go to https://ui5.github.io/webcomponents-react/v2/?path=/story/inputs-input--default
2. Try to implement a Fiori-like Value Help interaction (trigger inside the input)
3. Observe that no native mechanism or recommended pattern exists
4. Developers must implement custom wrappers or non-standard UX solutions

Log Output, Stack Trace or Screenshots

No response

Priority

High

UI5 Web Components Version

1.146.0

Browser

Safari

Operating System

No response

Additional Context

This limitation leads to UX inconsistencies and additional implementation effort in enterprise-scale SAP Fiori applications.
The Value Help interaction pattern is widely used and considered standard in Fiori-based products. This might be bug OR missing feature.

Organization

SAP

Declaration

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

[ilhan007]

Hello @AnastasiyaLis8

you can combine Input, Icon and Dialog to implement the pattern like in this example:
https://ui5.github.io/webcomponents/components/Input/#value-help-dialog

[AnastasiyaLis8]

@ilhan007 Thank you. Our team will try.

[Vonahz]

I’m closing this issue for now. if you encounter any further problems, please feel free to reopen it or open a new one.

[github-actions]

This issue has been closed. To reopen, just leave a comment!