Skip to content

fix(ui5-side-navigation): update visual styles#13047

Open
LidiyaGeorgieva wants to merge 13 commits intomainfrom
SideNavFixes
Open

fix(ui5-side-navigation): update visual styles#13047
LidiyaGeorgieva wants to merge 13 commits intomainfrom
SideNavFixes

Conversation

@LidiyaGeorgieva
Copy link
Contributor

@LidiyaGeorgieva LidiyaGeorgieva commented Feb 9, 2026

After feedback from the designers, we fixed some issues and made some improvements.

  • Active state on overflow icon is visible
  • Arrow for Side Navigation Menu Popover is removed
  • Select State in Side Nav Collapsed Mode is correct on hover and focus
  • Side Nav closes on clicking a list item on Mobile

JIRA: 3598

@ui5-webcomponents-bot
Copy link
Collaborator

ui5-webcomponents-bot commented Feb 9, 2026

@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview February 9, 2026 11:25 Inactive
@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview February 9, 2026 12:13 Inactive
@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview February 9, 2026 12:53 Inactive
@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview February 11, 2026 12:44 Inactive
@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview February 11, 2026 14:32 Inactive
@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview February 13, 2026 12:22 Inactive
@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview February 16, 2026 14:38 Inactive
// Click on a SideNavigationItem
cy.get("[ui5-side-navigation-item]").first().realClick();

// SideNavigation should remain expanded because mode is not Auto
Copy link
Contributor

Choose a reason for hiding this comment

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

Contradiction between comment and assertion: - comment states "should remain expanded" vs ""collapsed", true" assertion

}

private _attachSideNavigationListeners() {
const sideNavigation = this.sideContent[0];
Copy link
Contributor

Choose a reason for hiding this comment

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

If we put something else in the sideContent slot other than SideNavigation, the event listener below will break. Maybe we can also do a isInstanceOfSideNavigation(sideNavigation) check just to be safe?

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.

5 participants