HZH8997
HZH8997
  • 发布:2021-08-20 15:13
  • 更新:2021-11-30 18:11
  • 阅读:1927

【报Bug】IOS 15 搜索类型 的 输入框 自带图标

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

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

HBuilderX类型: 正式

HBuilderX版本号: 3.2.2

手机系统: iOS

手机系统版本号: IOS 14

手机厂商: 苹果

手机机型: xr ios15

页面类型: vue

nvue编译模式: fast

打包方式: 云端

项目创建方式: HBuilderX

示例代码:

<input v-model="form.contact_name"
placeholder="请输入联系人"
slot="right"
input-align="right"
confirm-type="search"/>

操作步骤:

<input v-model="form.contact_name"
placeholder="请输入联系人"
slot="right"
input-align="right"
confirm-type="search"/>

预期结果:

<input v-model="form.contact_name"
placeholder="请输入联系人"
slot="right"
input-align="right"
confirm-type="search"/>

实际结果:

<input v-model="form.contact_name"
placeholder="请输入联系人"
slot="right"
input-align="right"
confirm-type="search"/>

bug描述:

IOS 15 input 的 confirm-type="search" 时,会自带搜索图标,并且图标会挡住 placeholder 的内容

2021-08-20 15:13 负责人:DCloud_UNI_GSQ 分享
已邀请:
DCloud_UNI_GSQ

DCloud_UNI_GSQ

问题确认,已加分,后续修复

临时解决方案:

app.vue style 内增加如下样式

[type="search"]::-webkit-search-decoration {  
  display: none;  
}
DCloud_UNI_GSQ

DCloud_UNI_GSQ

HBuilderX alpha 3.2.8 已修复

  • 2***@qq.com

    3.2.16.20211122 仍有问题。uvew 1

    2021-11-30 18:00

TTOOMM

TTOOMM

confirm-type="search" 的时候 就会出现 怎么解

w***@163.com

w***@163.com

HBuildX已经更新为3.2.9,对应iOS的基座包都已经替换掉了,但是打包处理来的在iOS15上显示还是有这个问题,请问是哪里还有问题吗?有少更改或者遗漏的操作吗?

appwociao

appwociao

3.2.15 也有。 老bug反复出现不应该啊

  • TTOOMM

    啊 升级上去 就会有这个问题啊?

    2021-11-22 18:16

DCloud_UNI_GSQ

DCloud_UNI_GSQ

你们是 CLI 创建的项目吗?如果是的话升级方式见文档

要回复问题请先登录注册