[ObjectPage]: In full section mode, when switch tab, will display an unexpected gap in the content area
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 540
- Forks
- 113
- Avg merge
- 1d 9h
- Merged PRs (30d)
- 67
Description
Describe the bug
When switch tab in object page, there will be a gap in content area, when header is collapsed.
Could try in this link
Isolated Example
No response
Reproduction steps
1.Go to https://ui5.github.io/webcomponents-react/v2/?path=/story/layouts-floorplans-objectpage--full-screen-single-section
2.Collapse the header by clicking the little triangle
3.Switch to another tab
Expected Behaviour
The placeholder item should have height 0
Screenshots or Videos
UI5 Web Components for React Version
2.26.0
UI5 Web Components Version
2.26.0
Browser
Chrome
Operating System
No response
Additional Context
No response
Relevant log output
Organization
No response
Declaration
- I’m not disclosing any internal or sensitive information.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the issue at the linked ObjectPage full-screen single-section example: collapse the header, then switch tabs in Chrome. Inspect the ObjectPage full section mode and tab-switch behavior; done means the placeholder item has height 0 and no unexpected gap appears in the content area.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Active
- Clarity
- Mostly clear
- Newbie friendliness
- 70/100