[ObjectPage]: ObjectPageSection not hidden if only one

[Dannysht]

Describe the bug

Hello,

I seem to have found an issue regarding the ObjectPageSections within the ObjectPage layout. It does not seem to work as the plain UI5 version. When having one tab the tab bar is kept unlike its ui5 counterpart. Another thing is preserveHeaderStateOnClick keeps the hover effect if only using headerArea or titleArea.

Isolated Example

https://stackblitz.com/edit/github-8d5h82fk?file=src%2FApp.tsx

Reproduction steps

1. Create ObjectPage
2. Add single ObjectPageSection

Expected Behaviour

When having one single subsection the app should hide the subsections bar, preserveHeaderStateOnClick should remove the hover effect.

Screenshots or Videos

UI5:

UI5 WebComponents:

UI5 Web Components for React Version

2.10 also tested on 2.14

UI5 Web Components Version

2.10 also tested on 2.14

Browser

Chrome

Operating System

MacOS

Additional Context

No response

Relevant log output

Organization

No response

Declaration

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

[Lukas742]

Hi @Dannysht

Thanks for reporting this! The linked PR will hide the tab bar when only a single section is present.

Regarding the preserveHeaderStateOnClick behavior, it’s a bit unclear what the expected behavior should be from the description. Could you please open a separate issue and provide a clear example of the intended behavior, along with reproduction steps? That will help us address it properly.

[Dannysht]

Hello,

Thank you, awesome! I will open a separate issue regarding the preserveHeaderStateOnClick