Accordion does not animate in certain browsers

[jyang81]

What browser client(s) are you seeing the issue on?

• Firefox
• Chrome
• Safari
• Microsoft Edge

What devices platform(s) are you seeing the issue on?

• Desktop
• Mobile

Steps to reproduce

In Chome/Edge, accordions with the alignRight attribute do not animate when opened/closed.
In Firefox/Safari, the accordion does not animate at all.

1. Go to https://auro.alaskaair.com/components/auro/accordion/api on Chrome or Edge.
2. Click a left aligned trigger.
3. Notice the animation when it opens/closes.
4. Click a right aligned trigger (including 'See code' triggers).
5. Notice there is no animation.
6. Repeat on FF/Safari and notice that none of the accordions animate.

Expected behavior

Accordion should open and close with a smooth animation, regardless of browser or alignment.

Which version of auro-templates do you have installed?

5.0.1

Reproducible on the Auro doc site

• I am able to reproduce this issue on the Auro doc site.

Exit criteria (To be determined by the Auro team)

No response