ui5-webcomponents icon indicating copy to clipboard operation
ui5-webcomponents copied to clipboard

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

Open saurabhmehta13 opened this issue 1 year ago • 2 comments

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

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

saurabhmehta13 avatar Mar 28 '24 19:03 saurabhmehta13

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

take a look of this feature request.

Best regards, Boyan

unazko avatar Mar 29 '24 07:03 unazko

Internal Reference: BGSOFUIPIRIN-6588

dobrinyonkov avatar Jun 20 '24 12:06 dobrinyonkov

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.

OliKei avatar Aug 13 '24 07:08 OliKei