SAP / ui5-webcomponents

UI5 Web Components - the enterprise-flavored sugar on top of native APIs! Build SAP Fiori user interfaces with the technology of your choice.
https://sap.github.io/ui5-webcomponents/
Apache License 2.0
1.54k stars 265 forks source link

[Side Navigation ]: Clickable title in a overlay menu when navigation is collapsed #7560

Open doruskova opened 1 year ago

doruskova commented 1 year ago

Bug Description

Currently, we have an item with children in the left side navigation. If you collapse the panel and open the sub-item overlay, there is a title on top and list of sub-items below. We would like to have an option to set a title as a non-interactive item because we don't have a link(page) for it. The Figma file shows the title as a non-interactive element. But, it's clickable in the implementation. It causes confusion because if you click on the title without any further link, then the title is selected and the focus is on the sub-item. But, the truth is that the sub-item is selected, not the whole area represented by the title.

Affected Component

Side Navigation

Expected Behaviour

As a user I want to see the title of the section in a flyout menu. But, I don't expect to click on title item if there isn't any homepage for it.

Isolated Example

No response

Steps to Reproduce

  1. Collapse the panel
  2. Open the overlay menu
  3. Have a title without link
  4. Click on sub-item from the overlay menu
  5. Click on the title ...

Log Output, Stack Trace or Screenshots

Snímek obrazovky 2023-09-07 v 13 50 11

Priority

Medium

UI5 Web Components Version

v1.19.0

Browser

Chrome

Operating System

macOS Ventura 13.5

Additional Context

No response

Organization

SAP Signavio

Declaration

dimovpetar commented 1 year ago

Hello @ui5-webcomponents-topic-rd,

Please check out this feature request.

Best regards, Petar

olannyv commented 9 months ago

We have created internal Jira backlog "TeamJira"-3173 item to handle this feature - namely - when a child item is selected it's title to "jump" (appear) on parent level (instead of "non-clickable" Parent title)