Question

我有一个包含标签的表单，其中一些标签溢出。单击溢出按钮以显示隐藏的选项卡时，它将提交表单。看看DOM，我可以看到溢出按钮没有给出一个类型=＆＃34;按钮＆＃34;因此它提交。建议？

简化示例：

<form [formGroup]="myForm" (ngSubmit)="onSubmit()">
    <button type="button" clrTabLink (click)="tabClicked($event)">General</button>
    <ng-template [(clrIfActive)]="generalTabActive">
      <clr-tab-content id="content1" *clrIfActive>
        <div>Tab content here</div>
      </clr-tab-content>
    </ng-template>
    <clr-tab>
      <button type="button" clrTabLink [clrTabLinkInOverflow]="inOverflow" (click)="tabClicked($event)">Overflow Tab Here</button>
      <clr-tab-content *clrIfActive>
        <div>Overflow tab content here</div>
      </clr-tab-content>
    </clr-tab>      
</form>

Answer 1

这是我们方面的错误，我刚刚在此报告：https://github.com/vmware/clarity/issues/2214 这是一个非常简单的修复，应该很快。

感谢你提出这个问题。： - ）

编辑：感谢Aditya的反应，它今天早上得到修复，并将在今天发布。所以你需要做的就是转到Clarity 0.11.15，这个切换将停止提交表格。

清晰度选项卡溢出按钮提交表单

1 个答案: