Openui5: Object Page Layout: Setting "true" both properties "alwaysShowContentHeader" and "showTitleInHeaderContent" results in a broken layout

[gmodrogan]

OpenUI5 version: 1.36.4

Browser/version (+device/version): Chrome Windows

URL (minimal example if possible):
https://openui5beta.hana.ondemand.com/explored.html#/sample/sap.uxap.sample.ObjectPageHeaderExpanded/preview

Steps to reproduce the problem:

1. Configure the ObjectPageLayout HeaderContent to be always visible on desktop and display the image, title, subtitle.

<ObjectPageLayout id="ObjectPageLayout" alwaysShowContentHeader="true" showTitleInHeaderContent="true"> <headerTitle> <ObjectPageHeader id="headerForTest" headerDesign="Light" objectTitle="Title" objectSubtitle="subtitle" objectImageShape="Circle" objectImageURI="misc/images/test-profile-picture_m.png" isObjectIconAlwaysVisible="false" isObjectTitleAlwaysVisible="false" isObjectSubtitleAlwaysVisible="false"></ObjectPageHeader>

What is the expected result?
Expect to see the HeaderContent always visible and fixed on top when scrolling

What happens instead?
The HeaderContent is added below the section texts and is scrollable

[akudev]

Hi,
thanks for the report, tracked internally as 1670298408

Regards
Andreas

[dreamer91]

Hi gmodrogan,

I configured the ObjectPageLayout as you described.

You can see the snippix here:
http://veui5infra.dhcp.wdf.sap.corp:8080/snippix/snippets/18449.html

showTitleInHeaderContent: true,
alwaysShowContentHeader: true

The ObjectPage works as you expect from what I see.

I opened the provided link:
https://openui5beta.hana.ondemand.com/explored.html#/sample/sap.uxap.sample.ObjectPageHeaderExpanded/preview

In the app you have the following configuration.
showTitleInHeaderContent: false,
alwaysShowContentHeader: true

The resut is that the content is always visible and the title is not displayed in the content,
just as expected.

I saw the screenshot, but I can not debug images,
so there is no issue according to me, because I can not reproduce it.

Looking forward to your response.

[gmodrogan]

Hi,

After looooong time of investigation from my side I have a conclusion. Please have a look at the sample below and click the Press me button:
internal: http://veui5infra.dhcp.wdf.sap.corp:8080/snippix/#46729
jsbin also: http://jsbin.com/lehobi/1/edit?html,output

This bug relates to binding to oData and async filling of the properties. If you use static data with the ObjectPageHeader you will not reproduce the bug. When you bind the Title to something then you will have this bug.

Thanks,
George

[matz3]

@gmodrogan @dreamer91 please don't share internal links on GitHub. Non-employees won't be able to access them. Better use http://jsbin.com to share sample code 👍

[gmodrogan]

Created a JSBin also and updated my last comment