iOS 26: Click "Add Event" in Month view doesn't work as expected

[chuckn0rris]

https://github.com/user-attachments/assets/ef79dea1-79b0-4a30-981f-96e014b49a5a

https://bryntum.com/products/calendar/examples/shifted/

In Month view, iOS 26,

1. long click in a cell, click Add Event in context menu See view blinks to day view, Event editor shows and disappears in a second and not possible to edit event.

Forum post

"@bryntum/calendar": "npm:@bryntum/calendar@^6.2.2",
"@bryntum/calendar-angular": "^6.2.3"
 

export const calendarProps: BryntumCalendarProps = {
  eventStore: {
    modelClass: EventModel
  },
  date: new Date(),
  modes: {
    day: false,
    week: false,
    year: false,
    agenda: false,
    month: {
      weekStartDay: 1,
      eventRenderer: ({ eventRecord, renderData }: { eventRecord: EventModel, renderData: any }) => {
        /// 
      }
    }
  },
  mode: 'month',
  sidebar: false
};

Good morning,

We found a bug on the new iOS 26 (26.0.1). It didn't happen on the previous version 18.5, that adding an event to the eventStore zooms in the view. The event is correctly added. Clicking on the calendar without adding an event doesn't change the view.

const newAvailabilityEvent = {
  id: `${this.selectedAvailabilityTemplate.templatable.id}-${date}`,
  startDate,
  endDate,
  resourceId: this.userId,
  type: 'availability',
  pending: true
};
this.calendar.eventStore.add(newAvailabilityEvent);

We will try to reset the view to month manually, but maybe it's something you want to investigate.

Best,

[jibeetz]

Adding an event logically toggles the .b-empty-row class on the week row. Somehow on iOS 26 the row is getting hidden.

The fix:

.b-monthview .b-weeks-container .b-calendar-row {
  flex: 1 1 var(--flexed-row-height);
}

It overrides flex: 0 0 var(--flexed-row-height) on the same element. Strange thing, when I manually disable the newly added flex: 1 1 var(--flexed-row-height) rule in devtools, flex: 0 0 var(--flexed-row-height) applies again the bug doesn't come back.

[chuckn0rris]

For dev: Please attach a patch override when you fixed the issue.

[ExtAnimal]

These tickets are all the same Safari 26 bug. Flexbox is broken on Safari 26.

https://bugs.webkit.org/show_bug.cgi?id=300866