1***@163.com
1***@163.com
  • 发布:2025-07-26 13:36
  • 更新:2025-07-28 10:11
  • 阅读:77

【报Bug】uni-popup内部使用自定义dom做选中状态切换时,uni-popup内容区域会被transform: translateY(100%);强制收起不再显示

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: 10

HBuilderX类型: 正式

HBuilderX版本号: 3.99

浏览器平台: Chrome

浏览器版本: 123.0.6312.106

项目创建方式: HBuilderX

示例代码:
        <!-- 筛选弹窗 -->  
        <uni-popup ref="filterPopup" type="bottom" :mask-click="false" :safe-area="true">  
            <view class="filter-popup">  
                <view class="popup-header">  
                    <text class="popup-title">筛选条件</text>  
                    <view class="popup-close" @click="closeFilterPopup">  
                        <uni-icons type="clear" size="20" color="#333"></uni-icons>  
                    </view>  
                </view>  

                <view class="filter-content">  
                    <!-- 状态筛选 -->  
                    <view class="filter-group">  
                        <view class="group-title">状态</view>  
                        <view class="option-list">  
                            <view   
                                class="option-item"   
                                v-for="status in statusOptions"   
                                :key="status.value"  
                                :class="{ active: filters.status === status.value }"  
                                @click.stop="selectFilter('status', status.value)"  
                            >  
                                <text>{{ status.label }}</text>  
                                <uni-icons   
                                    v-if="filters.status === status.value"   
                                    type="checkmarkempty"   
                                    size="16"   
                                    color="#007AFF"  
                                ></uni-icons>  
                            </view>  
                        </view>  
                    </view>  
                </view>  

                <view class="popup-footer">  
                    <button class="reset-btn" @click="resetFilters">重置</button>  
                    <button class="confirm-btn" @click="applyFilters">确定</button>  
                </view>  
            </view>  
        </uni-popup>

操作步骤:

点击状态下的类别,触发filter修改后

预期结果:

uni-popup的content区域不收起

实际结果:

uni-popup的content区域收起

bug描述:

函数触发uni-popup内部dom绑定的class渲染时,content会被设置为transform: translateY(100%);导致content区域被收起

2025-07-26 13:36 负责人:无 分享
已邀请:
DCloud_UNI_yuhe

DCloud_UNI_yuhe

你好,请提供一下完整的可以运行的复现代码

要回复问题请先登录注册