[Segmented Button]: [Tooltip on disabled segmented button (Segmented Button Item) is not showing]

[kushalkaranjkar]

Describe the bug

Tooltip added to disabled Segmented Button Item inside Segmented Button component is not showing up in Version 2.
This used to work in Ui5 version Version 1.

Please see attached stackblitz example

Isolated Example

https://stackblitz.com/edit/github-km6zhdzf?file=src%2FApp.tsx

Reproduction steps

1. Create UI5 segmented button with 2 segmented button items with icons.
2. Add tooltip using tooltip attribute.
3. Make one of the button disable
4. On Mouseover , tooltip is not showing on disabled button.

e.g.
<SegmentedButton accessibleName="Switch Between View" > <SegmentedButtonItem icon="list" selected={true} tooltip="List View" accessibleName="Switch List View" ></SegmentedButtonItem> <SegmentedButtonItem icon="map" selected={false} tooltip="Map View is not available" disabled={true} accessibleName="Switch List View" ></SegmentedButtonItem> </SegmentedButton>
...

Expected Behaviour

Tooltip should show up on both disabled or enabled button on mouse over.

Screenshots or Videos

Current version 2 - Tooltip not showing up on map button on mouse over

Previous prod - version 1 - Tooltip is showing up on map button when mouse over

UI5 Web Components for React Version

2.10

UI5 Web Components Version

2.10

Browser

Chrome

Operating System

Mac OS

Additional Context

No response

Relevant log output

Organization

SAP Successfactors

Declaration

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

[Lukas742]

Thanks for reporting! I'll forward this issue to our UI5 Web Components Colleagues as the affected component is developed in their repository.

[nnaydenow]

Hi @UI5/ui5-team-ctr-bal,

Could you please check here?

ui5-button shows the tooltip even if the button is in disabled state.

Regards,
Nayden