在表单字段中选择覆盖按钮

Question

我构建了一个带有选择选项和一个按钮的表格，该表格带有角形材料。 当我打开select（三个选项）时，此窗口将覆盖按钮。

选择关闭：

选择打开：

这是我的代码部分。 HTML：

<form [formGroup]="userForm" (ngSubmit)="submit()">
    <formly-form [fields]="userFields" [form]="userForm" [model]="model">
        <div class="group">
            <button type="submit" class="button" mat-raised-button color="primary" 
            [disabled]="!userForm.valid">
                Dodaj
            </button>
        </div>
    </formly-form>
</form>

和component.ts：

  userForm = new FormGroup({});
  userFields: FormlyFieldConfig[] = [
  // i deleted part of code.
  {
      key: "roles",
      type: "select",
      templateOptions: {
        label: "wybierz role",
        Placeholder: "rola urzytkownika",
        description: "urzytkownik powinien posiadac role",
        require: true,
        multiple: true,
        options: [
          { value: 'ROLE_ADMIN', label: "Admin" },
          { value: 'ROLE_USER', label: "User" },
          { value: 'ROLE_EMPLOYEE', label: "Employee" }
        ]
      }
    }
  ]

我想转移按钮下面打开的选项窗口。 我尝试了工具提示，但是它不起作用。