[SideNavigation]: wholeItemToggleable attribute does not work in Firefox

[martinpriputen]

Bug Description

There seems to be an issue with SideNavigation component. After enabling property wholeItemToggleable in SideNavigationItem component, clicking on the whole node should expand the sub item. This is true for Edge and Chrome browsers but doesn't seem to work in Firefox. In Firefox even if the property is enabled, only clicking on arrow expands the node. Clicking elsewhere on the node adds blue dot, but doesn't expand the node.

Affected Component

No response

Expected Behaviour

If wholeItemToggleable attribute is added to SideNavigationItem, the navigation node should be expanded when clicking anywhere on the node in Firefox

Isolated Example

No response

Steps to Reproduce

1. define Side Navigation component:

<SideNavigation>
    <SideNavigationItem wholeItemToggleable text="Test">
        <SideNavigationSubItem text="Test Sub 1"></SideNavigationSubItem>
    </SideNavigationItem>
</SideNavigation>

2. test the component in Firefox.

Log Output, Stack Trace or Screenshots

No response

Priority

Medium

UI5 Web Components Version

~1.24.0

Browser

Firefox

Operating System

No response

Additional Context

No response

Organization

No response

Declaration

• I’m not disclosing any internal or sensitive information.

[Todor-ads]

Hello @SAP/ui5-webcomponents-topic-rd ,

Please take a look at this reproducible issue.
Best regards,
Todor

[LidiyaGeorgieva]

Hello @martinpriputen , do you plan to use ui5-webcomponents 2.0 version soon?

[LidiyaGeorgieva]

Hello @martinpriputen , the reported issue is fixed for ui5-webcomponents version 1.24.