main - ed45f44 docs(material/table): Simultaneous Row Expansion Issue in MatTab with Nested MatTable Component (#27659)

Author: kharazian

docs-content/examples-highlighted/material/table/table-expandable-rows/table-expandable-rows-example-ts.html

@@ -13,7 +13,7 @@
   <span class="hljs-attr">templateUrl</span>: <span class="hljs-string">&#x27;table-expandable-rows-example.html&#x27;</span>,
   <span class="hljs-attr">animations</span>: [
     trigger(<span class="hljs-string">&#x27;detailExpand&#x27;</span>, [
-      state(<span class="hljs-string">&#x27;collapsed&#x27;</span>, style({<span class="hljs-attr">height</span>: <span class="hljs-string">&#x27;0px&#x27;</span>, <span class="hljs-attr">minHeight</span>: <span class="hljs-string">&#x27;0&#x27;</span>})),
+      state(<span class="hljs-string">&#x27;collapsed,void&#x27;</span>, style({<span class="hljs-attr">height</span>: <span class="hljs-string">&#x27;0px&#x27;</span>, <span class="hljs-attr">minHeight</span>: <span class="hljs-string">&#x27;0&#x27;</span>})),
       state(<span class="hljs-string">&#x27;expanded&#x27;</span>, style({<span class="hljs-attr">height</span>: <span class="hljs-string">&#x27;*&#x27;</span>})),
       transition(<span class="hljs-string">&#x27;expanded &lt;=&gt; collapsed&#x27;</span>, animate(<span class="hljs-string">&#x27;225ms cubic-bezier(0.4, 0.0, 0.2, 1)&#x27;</span>)),
     ]),

docs-content/examples-source/material/table/table-expandable-rows/table-expandable-rows-example.ts

@@ -13,7 +13,7 @@ import {MatTableModule} from '@angular/material/table';
   templateUrl: 'table-expandable-rows-example.html',
   animations: [
     trigger('detailExpand', [
-      state('collapsed', style({height: '0px', minHeight: '0'})),
+      state('collapsed,void', style({height: '0px', minHeight: '0'})),
       state('expanded', style({height: '*'})),
       transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4, 0.0, 0.2, 1)')),
     ]),