Skip to content

fix(ui5-side-navigation): fix disabled and tooltips #11333

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

LidiyaGeorgieva
Copy link
Contributor

  • In collapsed Side Navigation when hover on disabled item the hover effect is not applied
  • Tooltips (if set) are visible for all items: parent, group, children, in menu, in sub menu
  • Tooltip for expand/collapse arrow added
  • Test page enhanced with different texts for the items

JIRA: BGSOFUIRODOPI-3443

- In collapsed Side Navigation when hover on disabled item the hover effect is not applied
- Tooltips (if set) are visible for all items: parent, group, children, in menu, in sub menu
- Tooltip for expand/collapse arrow added
- Test page enhanced with different texts for the items

JIRA: BGSOFUIRODOPI-3443
@LidiyaGeorgieva LidiyaGeorgieva requested review from a team and Stoev April 15, 2025 12:39
Copy link

@Stoev Stoev left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please consider tentative suggestions:

fix(ui5-side-navigation): fix disabled items and tooltips
OR fix hover/focus states and tooltips

  • In collapsed SideNavigation disabled items (ui5-sn-item-disabled) are excluded from hover/focus interactions.
  • Tooltips (if set) are visible for all items: parent, group, children, in menu, in submenu.
  • Tooltip for expand/collapse arrow added.
  • Updated test pages to reflect new tooltips, dynamic behaviors, and text truncation.
  • ARIA attributes added to icons and elements for assistive technologies.

@@ -45,7 +45,9 @@ class SideNavigationItemBase extends UI5Element implements ITabbable {
/**
* Defines the tooltip of the component.
*
* A tooltip attribute should be provided, in order to represent meaning/function, when the component is collapsed(icon only is visualized).
* A tooltip attribute should be provided, in order to represent meaning/function,
* when the component is collapsed (icon only is visualized) or the item text is truncated.
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please consider:

(showing only the icon)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants