ui5-webcomponents
ui5-webcomponents copied to clipboard
[SideNavigation]: SideNavigation popover elements are below dynamic page header
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.
Isolated 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.
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?
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.
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.
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