Multiselect dropdown(popup) getting opened on pressing enter on any other inout control in the form.

[rsonone42]

Bellow is the HTML of my page.

<div class="d-flex justify-content-between align-items-start">
                  <div class="row">
                    <input type="text" />
                  </div>
                  <div class="form-group d-flex flex-column">
                    <label>Roles:</label>
                    <ngx-multiselect
                      ngDefaultControl
                      formControlName="roles"
                      [options]="roleOptions"
                      [showSearchFilter]="false"
                      (change)="markDirty(true)"
                      (onClose)="onMultiSelectionClosed(userFromControls(idx)['roles'].value, user)"
                    >
                      
                    </ngx-multiselect>
                  </div>
</div>

After focusing on input control, if you press enter key the multiselect will get open and on pressing enter again it will close as well. This issue is happening for all input controls within the form.