search

SAP / ui5-webcomponents

UI5 Web Components - the enterprise-flavored sugar on top of native APIs! Build SAP Fiori user interfaces with the technology of your choice.
https://sap.github.io/ui5-webcomponents/
Apache License 2.0
1.51k stars 263 forks source link

[ProgressIndicator]: Provision for tooltip text when valueState is set to Information #8574

Open saurabhmehta13 opened 6 months ago

saurabhmehta13 commented 6 months ago

Feature Request Description

When we set valueState = "Information" for the ProgressIndicator component, it shows info icon towards the end.

<ProgressIndicator value={50} valueState="Information" />

image

We need to show tooltip when user clicks / mouse hovers the "Info" or "i" icon. Currently there is no provision to set tooltip when user click / mouse hover the icon.

Proposed Solution

Tooltip prop where consumer can pass tooltip text

Proposed Alternatives

No response

Organization

SAP Labs

Additional Context

No response

Priority

High

Privacy Policy

unazko commented 6 months ago

Hello @SAP/ui5-webcomponents-topic-p,

take a look of this feature request.

Best regards, Boyan

dobrinyonkov commented 3 months ago

Internal Reference: BGSOFUIPIRIN-6588

OliKei commented 1 month ago

How is the tooltip's content being displayed when users use keyboard only? This request is only based on mouse and touch interaction but misses keyboard integration. The standard interactions: a) if the toolitp appears on hover: the tooltip appears on focus. b) if the tooltip appears on click: the tooltip appears on ENTER usage. In both cases the addition of the i icon will extend the tab order. If the tab order should not be extended (recommended) the focus on the progress bar can also show up the tooltip, same as with hover, there is no need for an additional i icon. Hover on the full bar is also better suiting Fitts' Law, so the tooltip has higher probability to appear because of larger screen estate of the progress bar control when comparing the screen estate of the i icon.