fix(Tabs): updated logic for uncontrolled tabs animation

Author: Eric Olkowski

packages/react-core/src/components/Tabs/Tabs.tsx

@@ -361,9 +361,9 @@ class Tabs extends Component<TabsProps, TabsState> {
       ...(shouldInitializeStyle && { isInitializingAccent: true })
     });
 
-    setTimeout(() => {
+    requestAnimationFrame(() => {
       this.setState({ isInitializingAccent: false });
-    }, 0);
+    });
   };
 
   handleResize = () => {
@@ -438,6 +438,10 @@ class Tabs extends Component<TabsProps, TabsState> {
     } else if (prevState.enableScrollButtons && !enableScrollButtons) {
       this.setState({ showScrollButtons: false });
     }
+
+    if (prevState.uncontrolledIsExpandedLocal !== this.state.uncontrolledIsExpandedLocal) {
+      this.setAccentStyles(true);
+    }
   }
 
   static getDerivedStateFromProps(nextProps: TabsProps, prevState: TabsState) {