Object page - tabs are dispaced [UI5 webcomponents-react]: #7812
Description
Bug Description
In the UI5 webcomponents for React, the Tabs shown in the Object page header are displaced by 3pixels.
The active tab underline is not shown within the header but in the content area. Happens for both expanded and collapsed header. Seems like the whole tab container is not placed at the bottom of the header but vertically displaced.
See here:
https://ui5.github.io/webcomponents-react/v2/?path=/story/layouts-floorplans-objectpage--default
Affected Component
ObjectPage, DynamicPageHeader, TabContainer
Expected Behaviour
Tabs should be shown exactly at the bottom of the page header.
See here:
https://ui5.github.io/webcomponents/components/TabContainer/#tab-layout
Isolated Example
No response
Steps to Reproduce
To reproduce check the current state of
https://ui5.github.io/webcomponents-react/v2/?path=/story/layouts-floorplans-objectpage--default
Log Output, Stack Trace or Screenshots
No response
Priority
High
UI5 Web Components Version
2.15.0 (?)
Browser
Chrome
Operating System
Windows
Additional Context
No response
Organization
SAP Signavio
Declaration
- I’m not disclosing any internal or sensitive information.