'FullCalendar freeze on windws and not on Mac
Maybe someone can help me. I made an application with fullCalendar with Angular and Electron. When I'm on my Mac, it works very well but on a windows machine, when I try to drag an event, to resize it or to change the view, it freeze. Otherwise, when I click on an event, it's okay. I though that it was because I didn't have interaction plugin registred but it's the case. Anybody has an idea what I'm doing wrong ?
Thanks in advance for any help guys !
app.mdule.ts
/Full calendar
import { FullCalendarModule } from '@fullcalendar/angular'; // the main connector. must go first
import interactionPlugin from '@fullcalendar/interaction';
import dayGridPlugin from '@fullcalendar/daygrid';
import bootstrapPlugin from '@fullcalendar/bootstrap';
import listPlugin from '@fullcalendar/list';
import timeGridPlugin from '@fullcalendar/timegrid';
FullCalendarModule.registerPlugins([
interactionPlugin,
dayGridPlugin
]);
calendar.component.ts
initCalendar() {
this.calendarOptions = {
locale: 'fr',
firstDay: 1,
weekends: true,
allDaySlot: false,
displayEventTime: true,
allDayText: "Journée entière",
slotMinTime: '8:00',
slotMaxTime: '22:00',
themeSystem: 'bootstrap',
initialView: 'timeGridWeek',
timeZone: 'local',
eventTextColor: 'black',
editable: true,
droppable: true,
slotDuration: '00:15',
buttonText: {
today: 'Aujourd\'hui',
month: 'Mois',
week: 'Semaine',
day: 'Jour',
list: 'Jour',
},
headerToolbar: {
left: 'prev,next today',
center: 'title',
right: 'timeGridWeek listWeek',
},
titleFormat: { // will produce something like "Tuesday, September 18, 2018"
month: 'short',
year: 'numeric',
day: 'numeric',
weekday: 'long',
omitCommas: true,
hour12: false,
meridiem: false
},
eventDrop: this.alertChangesEnd.bind(this),
eventResize: this.alertChangesEnd.bind(this),
eventClick: this.displayEventInfoModal.bind(this),
dateClick: this.onDayClicked.bind(this),
events: [],
views: {
timeGridWeek: { // week view
displayEventTime: false,
// other view-specific options here
},
listWeek: {}
}
};
}
package.json
"@fullcalendar/angular": "5.5.0",
"@fullcalendar/bootstrap": "5.5.0",
"@fullcalendar/core": "5.5.0",
"@fullcalendar/daygrid": "5.5.0",
"@fullcalendar/interaction": "5.5.0",
"@fullcalendar/list": "5.5.0",
"@fullcalendar/timegrid": "5.5.0",
Angular version
Angular CLI: 11.0.3
Node: 14.17.0
OS: darwin x64
Angular: 11.0.3
... cli, common, compiler, compiler-cli, core, language-service
... platform-browser, platform-browser-dynamic, router
Ivy Workspace: Yes
Package Version
------------------------------------------------------------
@angular-devkit/architect 0.1002.0
@angular-devkit/build-angular 0.1100.3
@angular-devkit/core 10.2.0
@angular-devkit/schematics 11.0.3
@angular/animations 11.2.6
@angular/cdk 11.0.2
@angular/flex-layout 11.0.0-beta.33
@angular/forms 12.0.0
@angular/localize 11.0.4
@angular/material 11.0.2
@angular/material-moment-adapter 12.0.0
@schematics/angular 11.0.3
@schematics/update 0.1100.3
rxjs 6.6.3
typescript 4.0.5
Maybe a version compatibility problem. I really do not know. Please can someone can give me a clue about this ?
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|
