Another anoying finding here.

Expected behavior

If [collapsed] is changed, component should always follow the content of the provided value.

Actual behavior

When [collapsed] value is changed too fast (Before the end of the collapsing/uncollapsing animation, i.e. when double-clicking the button) then the state of the component does not reflect the value provided. In other words, component can show itself collapsed when _collapsed is false, or show itself not collapsed when _collapsed is true.

Resources (screenshots, code snippets etc.)

import { Component } from '@angular/core';
@Component({
  selector: 'app-root',
  template: `
    <div class="d-flex flex-column">
      <div>
        <button class="btn btn-primary" type="button"
                (click)="_collapsed = !_collapsed"
            [attr.aria-expanded]="!_collapsed"
            aria-controls="collapseExample">
      Button
    </button>
    <!--Collapsed content-->
    <div class="mt-3" id="collapseExample" mdbCollapse #basicCollapse="mdbCollapse" [collapsed]="_collapsed">
      Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad
      squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt
      sapiente ea proident.
    </div>
  </div>
  <div>
    COLLAPSED: {{_collapsed}}
  </div>
</div>
`})
export class AppComponent {
    title = 'mdbcollapse';
    _collapsed = true;
}

Thanks