【报Bug】picker组件内嵌input组件，当input组件disabled时，点击不好使，无法弹出picker【编译h5】

分类：uni-app

bug反馈

产品分类： uniapp/H5

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： win11

HBuilderX类型：正式

HBuilderX版本号： 3.99

浏览器平台： Chrome

浏览器版本：最新版本

项目创建方式： HBuilderX

示例代码：

        ···<picker mode="selector" :range="zhihang" @change="pickeChange">  
            <view class="inp">  
                <text>支行名称:</text>  
                <input  type="text" disabled name="zh" v-model="soga.zh" placeholder="请选择支行名称" />  
            </view>  
        </picker>···

操作步骤：

无

预期结果：

弹出picker

实际结果：

无效

bug描述：

picker组件内嵌input组件，当input组件disabled时，点击不好使，无法弹出picker【编译h5】

2023-12-20 18:43 负责人:无分享

1 个回复

5***@qq.com

试试这个CSS行不行，我在Chrome内核版本116及以上，添加该配置后，可以触发点击事件了

// 兼容Chrome内核116及以上版本中配置disabled的input组件无法触发并冒泡click事件
.uni-input-input:disabled {
pointer-events: none;
}

A先生

管用，我的得加上deep

/deep/ .uni-input-input:disabled {

pointer-events: none;

}

2024-05-06 13:58

要回复问题请先登录或注册

【报Bug】picker组件内嵌input组件，当input组件disabled时，点击不好使，无法弹出picker【编译h5】

示例代码：

`···<picker mode="selector" :range="zhihang" @change="pickeChange"> <view class="inp"> <text>支行名称:</text> <input type="text" disabled name="zh" v-model="soga.zh" placeholder="请选择支行名称" /> </view> </picker>···`

操作步骤：

无

预期结果：

弹出picker

实际结果：

无效

bug描述：

1 个回复

公告

相关问题

【报Bug】picker组件内嵌input组件，当input组件disabled时，点击不好使，无法弹出picker【编译h5】

示例代码： ···<picker mode="selector" :range="zhihang" @change="pickeChange"> <view class="inp"> <text>支行名称:</text> <input type="text" disabled name="zh" v-model="soga.zh" placeholder="请选择支行名称" /> </view> </picker>···

操作步骤： 无

预期结果： 弹出picker

实际结果： 无效

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

示例代码：

`···<picker mode="selector" :range="zhihang" @change="pickeChange"> <view class="inp"> <text>支行名称:</text> <input type="text" disabled name="zh" v-model="soga.zh" placeholder="请选择支行名称" /> </view> </picker>···`

操作步骤：

无

预期结果：

弹出picker

实际结果：

无效