1) mdb-select-2 does not open the select dropdown automatically when tabbed to. The old mdb-select does do this. I tried to fix this issue by manually calling the .open() method when the element is focused but encountered the next two issues.

2) mdb-select-2 does not support binding to the focus event. (focus) does not trigger anything. What should I be binding to?

3) The .open() method does not work and throws a javascript error. It does work with mdb-select.

The image upload feature isn't working for me so I've copied a code sample below. My example includes the filter element but the issues occur without it too.

<form [formGroup]="testform">
  <div class="md-form">
    <!-- Does not open when tabbed to -->
    <mdb-select-2 #newSelect label="Example label" formControlName="newDropDown">
      <mdb-select-filter
        [ngModel]="searchText | async"
        [ngModelOptions]="{standalone: true}"
        (ngModelChange)="searchText.next($event)">
      </mdb-select-filter>
      <mdb-select-option *ngFor="let option of filteredOptions | async" [value]="option">{{ option.label }}</mdb-select-option>
    </mdb-select-2>
  </div>
  <!-- This does not work -->
  <button type="button" (click)="newSelect.open()">test</button>

  <div class="md-form">
    <!-- Opens when tabbed to -->
    <mdb-select #oldSelect label="test" formControlName="oldDropDown" [options]="options"></mdb-select>
  </div>
  <!-- This works -->
  <button type="button" (click)="oldSelect.open()">test</button> 
</form>