小程序button按钮误触发问题

记一个奇葩问题

最近做小程序碰到一个神奇的现象，页面上定义了一个按钮触发分享， 另外一个同级view标签处理别的事件。 但是点击view标签的时候却触发了分享操作。

w

<view class="oprator flex">
  <button class="share-box" open-type="share">
      <image class="icon" src="/image/school-share.png" mode="aspectFill" />
      <text>分享</text>
    </button>
  <view class="delivery-box" bindtap="showPopup">
    <image class="icon" src="/image/delivery.png" mode="aspectFill" />
    <text>传递薪火</text>
  </view>
</view>

scss

.share-box {
  color: #14cc76;
  width: 50%;
  text-align: center;
  background: none;
  border: 0;
  position: unset;

  .icon {
    width: 30rpx;
    height: 28rpx;
    margin-right: 10rpx;
  }
  .xhzx-form-button text {
    color: #14cc76;
    font-size: 32rpx;
  }
}

.delivery-box {
  color: #fe7141;
  width: 50%;
  text-align: center;

  .icon {
    width: 24rpx;
    height: 30rpx;
    margin-right: 10rpx;
  }
}

遂在社区里搜了一下，发现两个帖子

• button的触发范围出现bug
• button事件误触发问题

最后发现是按钮上的position属性导致的(删掉属性就正常了)、应该是官方的一个bug了。不知道为什么这么久了还没解决。