Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Click on day in next month not updating view in Safari #624

Open
maartenheideman opened this issue Aug 25, 2021 · 3 comments
Open

Click on day in next month not updating view in Safari #624

maartenheideman opened this issue Aug 25, 2021 · 3 comments

Comments

@maartenheideman
Copy link

When the calendar view shows August and I'll click on a day in september when August is active the view not updating in Safari (mobile & desktop). The month title also still shows August. In Google Chrome it works perfect. No javascript errors shown in Safari.

 <!-- Month nav -->
      <ion-toolbar class="calender__monthnav">
        <ion-buttons slot="start">
          <ion-button fill="clear" (click)="prev()" [disabled]="isLoading">
            <ion-icon name="caret-back-outline" slot="icon-only"></ion-icon>
          </ion-button>
        </ion-buttons>
        <ion-title>{{ viewTitle }}</ion-title>
        <ion-buttons slot="end">
          <ion-button fill="clear" (click)="next()" [disabled]="isLoading">
            <ion-icon name="caret-forward-outline" slot="icon-only"></ion-icon>
          </ion-button>
        </ion-buttons>
      </ion-toolbar>

      <!-- Month calendar -->
      <calendar
        [eventSource]="calendarEvents"
        [calendarMode]="calendar.mode"
        [currentDate]="calendar.currentDate"
        (onTitleChanged)="onViewTitleChanged($event)"
        (onCurrentDateChanged)="onCurrentDateChanged($event)"
        (ionSlideWillChange)="changeSlide($event)"
        (onEventSelected)="openAgendaItem($event)"
        showEventDetail="calendar.showEventDetail"
        [monthviewDisplayEventTemplate]="monthview"
        [monthviewEventDetailTemplate]="eventslist"
        [formatHourColumn]="calendar.formatHourColumn"
        [startHour]="calendar.startHour"
        [endHour]="calendar.endHour"
        [step]="calendar.step"
        allDayLabel="Hele dag">
      </calendar>

      <!-- Event indicators -->
      <ng-template #monthview let-view="view" let-row="row" let-col="col">
        {{view.dates[row*7+col].label}}
        <div class="indicator-container">
          <div class="event-indicator" *ngIf="view.dates[row*7+col].events.length > 0"></div>
        </div>
      </ng-template>

Schermafbeelding 2021-08-25 om 15 11 11

@anaines14
Copy link

I am also facing this issue. I can't change the month in month view on an iphone using safari.

@wustenveld
Copy link

Same here, no matter what I do. Has anybody found a solution for this issue?

@anaines14
Copy link

Same here, no matter what I do. Has anybody found a solution for this issue?

No :(

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants