Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

First Carousel slides into view even though transition set to 'crossfade' #213

Copy link
Copy link
Closed
@baloo32

Description

@baloo32
Issue body actions

After upgrading "@coreui/angular": "~5.3.8" to "@coreui/angular": "~5.3.10" I've noticed on the first display of a carousel item, the initial slide is animated in from the right hand side.

The element is added as <c-carousel [interval]="interval" [dark]="true" [animate]="true" [transition]="'crossfade'"> and previous version the first slide would just appear in the initial location. Subsequent transitions to other slides correctly crossfade to the next option.

Image

During second and subsequent transitions:

Image

Tested Windows 11 in

Chrome Version 132.0.6834.160 (Official Build) (64-bit)
Firefox 134.0.2 (64-bit)
MS Edge Version 132.0.2957.140 (Official build) (64-bit)

All browser exhibit same behaviour.

Project is Angular 19 (latest), dependencies below:

 "dependencies": {
    "@angular/animations": "^19.1.4",
    "@angular/cdk": "^19.1.3",
    "@angular/common": "^19.1.4",
    "@angular/compiler": "^19.1.4",
    "@angular/core": "^19.1.4",
    "@angular/forms": "^19.1.4",
    "@angular/material": "^19.1.3",
    "@angular/platform-browser": "^19.1.4",
    "@angular/platform-browser-dynamic": "^19.1.4",
    "@angular/router": "^19.1.4",
    "@coreui/angular": "~5.3.10",
    "@coreui/coreui": "^5.2.0",
    "@coreui/icons-angular": "~5.3.9",
    "@ngneat/cashew": "^3.1.0",
    "jquery": "^3.7.1",
    "ngx-cookie-service": "^19.1.0",
    "ngx-markdown": "^19.0.0",
    "marked": "^15.0.0",
    "ngx-pagination": "^6.0.3",
    "reset.css": "^2.0.2",
    "rxjs": "~7.8.1",
    "tslib": "^2.8.1",
    "zone.js": "~0.15.0"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^19.1.5",
    "@angular-eslint/builder": "^19.0.2",
    "@angular-eslint/eslint-plugin": "^19.0.2",
    "@angular-eslint/eslint-plugin-template": "^19.0.2",
    "@angular-eslint/schematics": "^19.0.2",
    "@angular-eslint/template-parser": "^19.0.2",
    "@angular/cli": "^19.1.5",
    "@angular/compiler-cli": "^19.1.4",
    "@types/jquery": "^3.5.32",
    "@types/node": "^22.13.1",
    "@typescript-eslint/eslint-plugin": "^8.23.0",
    "@typescript-eslint/parser": "^8.23.0",
    "eslint": "^9.19.0",
    "prettier": "^3.4.2",
    "ts-node": "^10.9.2",
    "typescript": "~5.5.4",
    "tslib": "^2.8.1"
  }
}

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions

    Morty Proxy This is a proxified and sanitized view of the page, visit original site.