ix
ix copied to clipboard
siemens
The about and legal overlay can not be closed by clicking avatar and its sub options
What happened?
According to the description, the overlay can be closed by clicking another navigation item. But the avatar is an exception.
What type of frontend frameware are you seeing the problem on?
Angular
Which version of iX do you use?
v2.0.4
Code to produce this issue.
https://stackblitz.com/edit/9vr42x?file=src%2Fapp%2Fvertical-tabs-with-avatar.ts
Topic was also raised in Viva Engage. Same question as reply here: What exactly is your use case for this? Maybe this will help us understand this requirement better.
- Expected behaviour: Clicking the Avatar should not close the overlay
- Expected behaviour: Clicking the Sub option "Logout" should not close the overlay
- TBD: Clicking any other Sub option might need a closing of the overlay, depending on the action
@flxlst09 https://ix.siemens.io/docs/controls/navigation/about-and-legal#behavior If this is in accordance with the design rule, could a description of that rule be added to the above link. Otherwise testers ask me again and again why other options close the overlays but not the avatar.
The biggest problem for me is how to explain why it's designed that way
Can the team change the description so I can explain to the testers that this is consistent with the design
Yes, we will specify this.
Until then you can refer to the definition of the menu. There, the Avatar Button is separated from Navigation Section, only (3) and (4) will close the overlay.
(1) Expand/collapse icon button: expands and collapses the navigation menu (2) Avatar button (optional): shows the logged-in user and provides access to user-related actions (3) Navigation section: navigates through the main parts of an application (4) Bottom section: hosts infrastructural actions and additional content but does not navigate away from the selected main part
