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

[SF] [ObjectPage] - tab is not aligned to other page content

Open 2bno1 opened this issue 1 year ago • 2 comments

Bug Description

When the viewport's with is between 1440px to 1452px, the tab is not aligned to other page content.

Expected Behavior

The tab is always aligned to other page content.

Steps to Reproduce

  1. Go to https://ljf48p.csb.app/
  2. Resize the browser's width to be between 1440px and 1452px
  3. Observe that tab is not aligned to other page content

Isolated Example

https://codesandbox.io/s/zen-pine-ljf48p?file=/src/App.js

Context

  • UI5 Web Components version: 1.7.1
  • OS/Platform: macOS
  • Browser: Chrome
  • Affected component: TabContainer

Log Output / Stack Trace / Screenshots

https://user-images.githubusercontent.com/1751846/191427343-d2b04fc1-36aa-4c84-84b1-b7f414f50676.mov

Priority

  • [ ] Low
  • [x] Medium
  • [ ] High
  • [ ] Very High

2bno1 avatar Sep 21 '22 06:09 2bno1

Hello @Lukas742 ,

It seems that the breakpoints/media queries are different for the ObjectPage's Anchor bar and the rest of its components.

Could you please assist?

Regards, Plamen Ivanov

plamenivanov91 avatar Sep 21 '22 07:09 plamenivanov91

Hi @2bno1

Thanks for reporting! I'll forward this issue to the UI5 Web Components for React repo, as theObjectPage component is developed there.

Lukas742 avatar Sep 21 '22 09:09 Lukas742

:tada: This issue has been resolved in version v1.5.0 :tada:

The release is available on v1.5.0

Your semantic-release bot :package::rocket: