search

twinssbc / Ionic2-Calendar

A calendar component based on Ionic framework
https://ionic-calendar-demo.stackblitz.io
MIT License
387 stars 197 forks source link

Ionic 7 week view header appears in the wrong place #670

Closed NorthNick closed 10 months ago

NorthNick commented 10 months ago

I have just upgraded from Ionic 6 to Ionic 7, using ionic7-calendar, Angular 17 and Swiper 10. The month view is fine, but the header for the week view appears half way down the calendar, superimposed on it. I tried modifying the StackBlitz demo project and got a very similar result, as you can see if you open my version and go to the week view. (The day view has a similar issue.)

The problem might be to do with my upgrading process on the StackBlitz project, which was to update package.json, change references to ionic2-calendar to ionic7-calendar, and modify polyfills.ts to prevent an error importing zone.js. If so, do you have any thoughts on what else needs doing, or a working demo of the Ionic 7 version please? Alternatively there might be something that needs fixing in the calendar itself.

Thanks for any help you can offer.

NorthNick commented 10 months ago

I've found the problem: it was to do with upgrading from Ionic 6 to 7. For anyone else who runs into the same issue: you have to remove this line from src/global.scss:

@import '@ionic/angular/css/ionic-swiper';