Skip to content

Conversation

@robertIsaac
Copy link
Contributor

Related Issue(s)

closes #13091

Description

replace @angular/animations with native css

this is due to it being deprecated
source
https://blog.angular.dev/angular-summer-update-2025-1987592a0b42#559f

With this change we’re also deprecating the @angular/animations package.

@robertIsaac robertIsaac marked this pull request as draft December 29, 2025 21:27
@robertIsaac robertIsaac changed the base branch from main to chore/angular-21 December 29, 2025 21:28
@robertIsaac robertIsaac force-pushed the chore/remove-angular-animations branch from 3f3259e to 1ba91f4 Compare December 29, 2025 21:29
@netlify
Copy link

netlify bot commented Dec 29, 2025

Deploy Preview for fundamental-ngx ready!

Name Link
🔨 Latest commit cce37b8
🔍 Latest deploy log https://app.netlify.com/projects/fundamental-ngx/deploys/6956f3295d489b000868bed0
😎 Deploy Preview https://deploy-preview-13693--fundamental-ngx.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@droshev droshev added this to the Sprint 154 - January 2026 milestone Dec 30, 2025
@robertIsaac robertIsaac force-pushed the chore/remove-angular-animations branch from 1ba91f4 to a70a7dc Compare January 1, 2026 11:25
@droshev
Copy link
Contributor

droshev commented Jan 1, 2026

@robertIsaac can we merge this before even ng21?

@robertIsaac
Copy link
Contributor Author

@droshev actually yes
Initially I thought we'd need the new Angular enter/leave that's stable in Angular 21

@robertIsaac robertIsaac changed the base branch from chore/angular-21 to main January 1, 2026 13:12
@robertIsaac robertIsaac force-pushed the chore/remove-angular-animations branch from 3acc3b9 to a58c8ac Compare January 1, 2026 13:12
@robertIsaac robertIsaac marked this pull request as ready for review January 1, 2026 13:13
@robertIsaac robertIsaac force-pushed the chore/remove-angular-animations branch 2 times, most recently from 64486ad to 9ffa4b9 Compare January 1, 2026 21:41
@robertIsaac robertIsaac force-pushed the chore/remove-angular-animations branch from 9ffa4b9 to cfa8645 Compare January 1, 2026 21:43
></ng-template>
</ng-template>
<div class="fd-message-view">
<div class="fdp-message-view">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@robertIsaac the classes are always prefixed with fd- see

<section
class="fd-message-view__list"
#listSection
class="fdp-message-view__list"
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

same as above

@droshev
Copy link
Contributor

droshev commented Jan 2, 2026

@robertIsaac I will ask @InnaAtanasova, @MariaIDineva, and @mikerodonnell89 to look and once they approve we can merge it.

Copy link
Member

@mikerodonnell89 mikerodonnell89 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Something isn't working with the changes to the message box component, I'm no longer seeing the gradient fade-in

@@ -0,0 +1,40 @@
// Height collapse/expand animation using native CSS with custom properties
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Correct me if I'm wrong but I'm not seeing this file being used anywhere?


/** @hidden */
@ViewChild('detailsSection', { read: ElementRef })
protected _detailsSection: ElementRef;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I don't think this is used anywhere

Copy link
Member

@mikerodonnell89 mikerodonnell89 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

On the platform message popover component, I can no longer scroll the popover:

Screenshot 2026-01-02 at 3 04 39 PM

Also, drilling in to business information>company name, gives me this:

Screen.Recording.2026-01-02.at.3.08.16.PM.mov

Should look like this:

Screen.Recording.2026-01-02.at.3.09.32.PM.mov

@robertIsaac robertIsaac marked this pull request as draft January 3, 2026 21:01
@robertIsaac
Copy link
Contributor Author

@mikerodonnell89 @droshev I will make this as draft till we merge #13599
as I don't think it's not possible to fix the issues without using animate.enter and animate.leave which were part of Angular 20.2 as developer review and 21 as stable

@droshev
Copy link
Contributor

droshev commented Jan 4, 2026

@mikerodonnell89 @droshev I will make this as draft till we merge #13599 as I don't think it's not possible to fix the issues without using animate.enter and animate.leave which were part of Angular 20.2 as developer review and 21 as stable

that is ok too. Thanks for that! we should be good in 1-2 weeks to go with Angular 21.

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

Successfully merging this pull request may close these issues.

move to css animation

4 participants