Skip to content

feat(navbar-vertical-next): add alwaysOpenGroupsInFlyout mode#1971

Open
mistrykaran91 wants to merge 1 commit intomainfrom
feat/add-always-open-groups-in-flyout-mode
Open

feat(navbar-vertical-next): add alwaysOpenGroupsInFlyout mode#1971
mistrykaran91 wants to merge 1 commit intomainfrom
feat/add-always-open-groups-in-flyout-mode

Conversation

@mistrykaran91
Copy link
Copy Markdown
Member

@mistrykaran91 mistrykaran91 commented Apr 28, 2026

  • Add alwaysOpenGroupsInFlyout input to open groups as flyout panels on click, regardless of collapsed state
  • Switch caret icon from down to right when flyout mode is active

Closes #1944


Documentation.
Examples.
Dashboards Demo.
Playwright report.

Coverage Reports:

Code Coverage

@gemini-code-assist
Copy link
Copy Markdown
Contributor

Warning

Gemini encountered an error creating the review. You can try again by commenting /gemini review.

@mistrykaran91
Copy link
Copy Markdown
Member Author

/gemini review

Copy link
Copy Markdown
Contributor

@gemini-code-assist gemini-code-assist Bot left a comment

Choose a reason for hiding this comment

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

Code Review

This pull request introduces a new feature to the vertical navbar allowing item groups to always open as flyout panels via the alwaysOpenGroupsInFlyout input. The implementation includes hover-based opening and closing with a delay, updated styling for dropdown items, and a new example page. Feedback focuses on ensuring proper resource cleanup by implementing OnDestroy to clear timers and subscriptions, and improving test reliability by using fake timers to validate the hover-close delay logic.

Comment thread projects/element-ng/navbar-vertical-next/si-navbar-vertical-next.spec.ts Outdated
@mistrykaran91 mistrykaran91 force-pushed the feat/add-always-open-groups-in-flyout-mode branch 2 times, most recently from 30805a5 to 52f6dd4 Compare April 29, 2026 05:41
@mistrykaran91 mistrykaran91 requested a review from spike-rabbit May 4, 2026 12:07
@mistrykaran91 mistrykaran91 force-pushed the feat/add-always-open-groups-in-flyout-mode branch from 724c89b to 25a0a55 Compare May 6, 2026 07:05
- Add `alwaysOpenGroupsInFlyout` input to open groups as flyout panels on click, regardless of collapsed state
- Switch caret icon from down to right when flyout mode is active

Closes #1944
@mistrykaran91 mistrykaran91 force-pushed the feat/add-always-open-groups-in-flyout-mode branch from ebcb340 to 1b75512 Compare May 6, 2026 07:09
@mistrykaran91 mistrykaran91 marked this pull request as ready for review May 6, 2026 07:22
@mistrykaran91 mistrykaran91 requested review from a team as code owners May 6, 2026 07:22
@panch1739
Copy link
Copy Markdown
Member

@mistrykaran91 awesome! Just one thing...it would be nice if we can try to implement the responsive behavior as in Figma specs. Probably this part got lost in all the specs notes:

Screenshot 2026-05-06 at 14 22 59

There is also a rough proto :)

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.

navbar-vertical-next: add option to always open groups in flyout

3 participants