title: Focus Filterfield of ng-multiselect-dropdown automatically when clicked
body: <p>I'm using the ng-multiselect-dropdown package (<a href="https://www.npmjs.com/package/ng-multiselect-dropdown" rel="nofollow noreferrer">https://www.npmjs.com/package/ng-multiselect-dropdown</a>) in my angular project. Everything works fine, but I want to focus the filter input field automatically when I open the multiselect dropdown.</p>
  <p>Here is my html code:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="input-group" style="display: flex"&gt;
                  &lt;span class="input-group-text"&gt;&lt;i class="fas fa-building"&gt;&lt;/i&gt;&lt;/span&gt;
                  &lt;ng-multiselect-dropdown style="flex: 1"
                                           [placeholder]="'Unternehmen'"
                                           [data]="this.companies"
                                           [formControl]="filterCompany"
                                           [settings]="dropdownSettingsCompanies"
                                           (onFilterChange)="updateCompanyList($event)"
                                           (onSelect)="onItemSelect($event)"&gt;
                  &lt;/ng-multiselect-dropdown&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>And here are my settings for the multiselect:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>dropdownSettingsCompanies: any = {
          singleSelection: false,
          idField: 'id',
          textField: 'name',
          showSelectedItemsAtTop: true,
          clearSearchFilter: true,
          allowSearchFilter: this.ShowFilter,
          enableCheckAll: false,
          allowRemoteDataSearch: true,
          searchPlaceholderText: 'Bitte geben Sie einen Suchbegriff ein',
      };</code></pre>
  </div>
  </div>
  </p>