小程序“留子辅导”。首页，点击“筛选”会触发底部弹窗。点击弹窗内的选项可以增加或减少筛选条件，点击灰色区域会关闭筛选框。在iOS 8.0.54版本微信客户端、其他安卓微信客户端、mac端、开发者工具表现正常，表现一致。但在iOS 8.0.55版本微信客户端出现bug，弹窗出现后无法点击，会穿透到下一层元素中，触发点击事件。
点击弹窗或者灰色区域之后，会穿透到下面的元素，触发页面上元素的点击事件
| 框架类型 | 问题类型 | 操作系统 | 操作系统版本 | 手机型号 | 微信版本 |
|---|---|---|---|---|---|
| 小程序 | Bug | iOS | iOS 18.1.1 | iPhone 13 | 8.0.55 |
小程序“留子辅导”。首页，点击“筛选”会触发底部弹窗。点击弹窗内的选项可以增加或减少筛选条件，点击灰色区域会关闭筛选框。在iOS 8.0.54版本微信客户端、其他安卓微信客户端、mac端、开发者工具表现正常，表现一致。但在iOS 8.0.55版本微信客户端出现bug，弹窗出现后无法点击，会穿透到下一层元素中，触发点击事件。
点击弹窗或者灰色区域之后，会穿透到下面的元素，触发页面上元素的点击事件
2 个回答
你好，麻烦提供能复现问题的代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）
width: 100vw;
height: 100vh;
position: absolute;
background-color: transparent;
display: flex;
flex-direction: column;
z-index: 1000;
}
.provider-filter-pop-up-box-pb {
pointer-events: none;
transition: background-color 0.3s ease-in-out;
}
.provider-filter-pop-up-box-pb-show {
pointer-events: inherit;
background-color: #00000080;
}
.provider-filter-pop-up-tap-box {
position: absolute;
z-index: 999;
width: 100vw;
height: 100vw;
background: transparent;
}
.provider-filter-box {
position: absolute;
z-index: 1000;
bottom: -1184rpx;
transform: translateY(0);
transition: transform 0.3s ease-in-out;
}
.provider-filter-box-show {
transform: translateY(-1184rpx);
}
<view catch:tap="" class="provider-filter-pop-up-box {{showProviderFilterBox ? 'provider-filter-pop-up-box-pb-show' : 'provider-filter-pop-up-box-pb'}}"><view catch:tap="hideFilterBox" class="provider-filter-pop-up-tap-box"></view><provider-filter-box bindconfirmproviderfilter="triggerFilter" data-internal="true" class="provider-filter-box {{showProviderFilterBox ? 'provider-filter-box-show' : ''}}" initFilterItems="{{counselBusinessPageData[currentCounselBusiness].filterBoxData.filterItems}}" initCurrentIndex="{{filterBoxIndex}}" /></view>有没有人跟进一下，导致小程序直接不可用了！！