一个页面里多个form时与position:initial css属性冲突问题

<form bindsubmit="tapSelectPackageAddress" report-submit="true">  <button class="form-button-wrap" formType="submit">      <text style="color:#757575" >{{receiverAddressDetailInfo || '请选择送往地址'}}text>  button>             form> <form bindsubmit="tapSelectReceiverAddress" report-submit="true">                <button class="form-button-wrap" formType="submit">      <text style="color:#757575" >{{receiverAddressDetailInfo || '请选择送往地址'}}text>  button> form>

.form-button-wrap {  width: 100%;  height: 100%;  background: transparent;  border: 0;  text-align: left;  position:initial;  padding: 0; }

是这样的，两个form，submit到不同的function，两个提交的button拥有相同的class : form-button-wrap

1 如果我设置form-button-wrap中的 position:initial 或者 position:static 属性时，我点第一个button提交，并没有触发他对应的第一个form提交的function，而是把他下面第二个form提交了

2 如果我设置form-button-wrap中的 position 属性为其他值，则两个form都正常顺序提交了




请问这个是bug，还是我用法有误呢？