ui5-webcomponents icon indicating copy to clipboard operation
ui5-webcomponents copied to clipboard

[SideNavigation]: SideNavigation popover elements are below dynamic page header

Open skowrons opened this issue 1 year ago • 3 comments

Describe the bug

If we have a collapsed side navigation the popover text will be under the dynamic page. The object page on the other hand works fine.

Bildschirmfoto 2024-09-11 um 17 02 50

Isolated Example

Example

Reproduction steps

No response

Expected Behaviour

No response

Screenshots or Videos

No response

UI5 Web Components for React Version

^2.1.0

UI5 Web Components Version

^2.2.0

Browser

Chrome

Operating System

Mac OS

Additional Context

No response

Relevant log output

No response

Organization

No response

Declaration

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

skowrons avatar Sep 11 '24 15:09 skowrons

Thanks for reporting! I'll forward this issue to our UI5 Web Components Colleagues as the affected component is developed in their repository.


Hi colleagues, I think this issue goes into a similar direction with using different z-index values like https://github.com/SAP/ui5-webcomponents/issues/9560, but now in the other direction?

MarcusNotheis avatar Sep 12 '24 05:09 MarcusNotheis

Hey @SAP/ui5-webcomponents-topic-p,

I'm sending the ticket to you because it looks like a regression caused by the fix mentioned above. Can you please take a look?

Thanks, Diana P.

didip1000 avatar Sep 12 '24 11:09 didip1000

Dear colleagues, as discussed with @TeodorTaushanov I am moving the issue on your board to be discussed internally as a part of a feature discussion about ToolPage implementation.

PetyaMarkovaBogdanova avatar Oct 03 '24 07:10 PetyaMarkovaBogdanova

Hello,

The SideNavigation component is intended for use within an ui5-navigation-layout component. While it can function independently, it is recommended to use it with the ui5-navigation-layout for optimal user experience.

https://sap.github.io/ui5-webcomponents/components/fiori/NavigationLayout/

In your particular example, you can try to set "z-index: 200" of the ui5-side-navigation.

Best, Teo

TeodorTaushanov avatar Nov 11 '24 10:11 TeodorTaushanov