[Panel]: sticky header issues: rounding gets lost and focus cutts off

[ilhan007]

Bug Description

When sticky header is enabled and the user starts scrolling the border-radius of the header gets overlapped by the content underneath s the content does not have border-radius.

Steps to Reproduce

1. Open https://sap.github.io/ui5-webcomponents/playground/?path=/story/main-panel--sticky-header
2. Scroll a bit
3. The border-radius is hidden as the content does not have border-radius
   ...

Initially (rounding)

After scrolling (no rounding)

Priority

None

UI5 Web Components Version

main

Browser

Chrome

Operating System

MacOS

Additional Context

No response

Organization

No response

Declaration

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

[ilhan007]

Hi @SAP/ui5-webcomponents-topic-rl, I saw this small issue with the Panel.

Thank you

[ilhan007]

Also the focus gets cut from the top, I thing "top" absolute position of the after element should be changed from -1 to 0: