docs(animations): remove incorrect information regarding animateChild (angular#44216)

dario-piotrowicz · thePunderWoman · commit 7b0e9b0f8825 · 2021-11-24T18:54:22.000Z
Remove incorrect information present in the angular.io animations documentation stating that animateChild does not work with route transition animations as that turned out not to be true This PR effectively reverts the changes make in PR: angular#44014 For more context see issue angular#30477 PR Close angular#44216
diff --git a/aio/content/guide/animations.md b/aio/content/guide/animations.md
@@ -289,7 +289,7 @@ What it does
 
 <tr>
 <td><code>query()</code></td>
-<td>Finds one or more inner HTML elements within the current element. </td>
+<td>Finds one or more inner HTML elements within the current element.</td>
 </tr>
 
 <tr>
@@ -314,7 +314,7 @@ What it does
 
 <tr>
 <td><code>animateChild()</code></td>
-<td>Allows animations on child components to be run within the same timeframe as the parent. <strong>Note:</strong> Please see GitHub Issue <a href="https://github.com/angular/angular/issues/30477">#30477</a> before attempting to use <code>animateChild()</code> together with route transition animations.</td>
+<td>Allows animations on child components to be run within the same timeframe as the parent.</td>
 </tr>
 
 </table>
diff --git a/aio/content/guide/route-animations.md b/aio/content/guide/route-animations.md
@@ -75,12 +75,6 @@ Animations can be defined directly inside your components. For this example you
 
 The following code snippet defines a reusable animation named `slideInAnimation`.
 
-<div class="alert is-important">
-
-**Note:** `animateChild()` does not currently work with route transition animations. Please see GitHub Issue <a href="https://github.com/angular/angular/issues/30477">#30477</a> for more information.
-
-</div>
-
 <code-example path="animations/src/app/animations.ts" header="src/app/animations.ts" region="route-animations" language="typescript"></code-example>
 
 The animation definition performs the following tasks:
@@ -114,12 +108,6 @@ Use the `query()` method to find and animate elements within the current host co
 
 Assume that you are routing from the *Home => About*.
 
-<div class="alert is-important">
-
-**Note:** `animateChild()` does not currently work with route transition animations. Please see GitHub Issue <a href="https://github.com/angular/angular/issues/30477">#30477</a> for more information.
-
-</div>
-
 <code-example path="animations/src/app/animations.ts" header="src/app/animations.ts (excerpt)" region="query" language="typescript"></code-example>
 
 The animation code does the following after styling the views:
diff --git a/packages/animations/src/animation_metadata.ts b/packages/animations/src/animation_metadata.ts
@@ -1114,10 +1114,6 @@ export function animation(
  * with animations that are assigned using the Angular animation library. CSS keyframes
  * and transitions are not handled by this API.
  *
- * `animateChild()` does not currently work with route transition animations. Please see
- * GitHub Issue {@link https://github.com/angular/angular/issues/30477 #30477} for more
- * information.
- *
  * @publicApi
  */
 export function animateChild(options: AnimateChildOptions|null = null):
