sap.m.PlanningCalendar: TimeAxis is inconsistent in smaller screen sizes

[PascalEvertzLeo]

What is the issue and how can we reproduce it?

1. Open the sample https://codepen.io/editor/Pascal-Evertz/pen/019ff0b5-f341-7399-abe7-bd71ed5e17a9
   Issue:

PlanningCalendar time axis becomes misaligned in responsive pop-in layout.

When the row-header column moves above the appointments at a narrower width, the appointment rows use the full width but the time axis can retain the desktop 20% row-header offset. The displayed hour then no longer matches the appointment column below it.

Steps to reproduce

• Render a sap.m.PlanningCalendar with row headers enabled.
• Use a custom hourly view with six intervals and subintervals.
• Add interval-header appointments to at least one row.
• Reduce the calendar width until the appointments column becomes a table pop-in.
• Compare the hour labels with the full-width interval grid below.

Expected behavior:

Whenever appointment rows are rendered at full width below their row headers, the time axis should use the same full width and horizontal origin. The label “13” must align with the interval representing 13:00–14:00.

Current Workaround:

.myCalendar.sapMSize1
> .sapMList .sapMListInfoTBar {
display: block;
}

.myCalendar.sapMSize1
> .sapMList .sapMListInfoTBar
> .sapMPlanCalHead,
.myCalendar.sapMSize1
> .sapMList .sapMListInfoTBar
> .sapUiCalRow {
width: 100%;
}

Which OpenUI5 version is your project targeting?

1.149.0

Is the issue device- or browser-specific?

No response

Confirmation

• I have searched the existing issues and reviewed the relevant documentation as well as the API reference.
• I am not disclosing any internal or sensitive information.

[dobrinyonkov]

Hello @PascalEvertzLeo,

Thank you for sharing this finding. I've created an internal incident DINC1007137.
The status of the issue will be updated here in GitHub.

Regards,