Skip to content

bug: calendar ignores IonicConfig.animated #30484

Closed

Description

@wouterverweirder

Prerequisites

Ionic Framework Version

v8.x

Current Behavior

Switching between months in the calendar component is always happening with an animation, even if you have turned off animations in your application.

Expected Behavior

Switching to a month should happen without an animation.

Steps to Reproduce

  1. Disable animations on the root component or application
@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule, IonicModule.forRoot({
    animated: false // Disable animations globally
  }), AppRoutingModule],
  providers: [{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy }],
  bootstrap: [AppComponent],
})
  1. Add an component with a date presentation
<ion-datetime
  presentation="date"
  displayFormat="DD-MM-YYYY"
>
</ion-datetime>
  1. Switch between months. The new month slides in, even with animations turned off.

Code Reproduction URL

https://github.com/wouterverweirder/calendar-animation-bug

Ionic Info

Ionic:

Ionic CLI : 5.4.16 (/Users/wouter/.npm/_npx/864a9e3c2cd0cf50/node_modules/ionic)
Ionic Framework : not installed
@angular-devkit/build-angular : 19.2.15
@angular-devkit/schematics : 19.2.15
@angular/cli : 19.2.15
@ionic/angular-toolkit : 12.2.0

Capacitor:

Capacitor CLI : 7.3.0
@capacitor/core : 7.3.0

Utility:

cordova-res : not installed
native-run : 2.0.1

System:

NodeJS : v20.19.0 (/Users/wouter/.nvm/versions/node/v20.19.0/bin/node)
npm : 10.8.2
OS : macOS Unknown

Additional Information

Looks like the scrollTo code needs to be adjusted

calendarBodyRef.scrollTo({
top: 0,
left: left * (isRTL(this.el) ? -1 : 1),
behavior: 'smooth',
});

Activity

  1. added a commit that references this issue on Jun 17, 2026
    c4e2b43
  2. moved this from In progress to Ionic Review in Summer Internship - Madison College - 2026on Jun 22, 2026
  3. added a commit that references this issue on Jun 26, 2026
    a35f8a9
  4. ShaneK commented on Jul 1, 2026

    @ShaneK
    Member

    Hey! Thanks for your report! This has been fixed in Ionic Framework v8.8.13!

  5. ionitron-bot commented on Jul 31, 2026

    @ionitron-bot

    Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.

  6. locked and limited conversation to collaborators on Jul 31, 2026
  7. added a commit that references this issue on Oct 3, 2026
    0897f83
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    Projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions