注册登录

HZH8997

发布：2021-08-20 15:13
更新：2021-11-30 18:11
阅读：2992

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

分类：uni-app

bug已修复

产品分类： uniapp/App

PC开发环境操作系统： Mac

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

HBuilderX类型：正式

HBuilderX版本号： 3.2.2

手机系统： iOS

手机系统版本号： IOS 14

手机厂商：苹果

手机机型： xr ios15

页面类型： vue

打包方式：云端

项目创建方式： 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 的内容

6 个回复

DCloud_UNI_GSQ

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

临时解决方案：

app.vue style 内增加如下样式

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

DCloud_UNI_GSQ

HBuilderX alpha 3.2.8 已修复

2***@qq.com

3.2.16.20211122 仍有问题。uvew 1

2021-11-30 18:00

TTOOMM

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

Joymerry

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

appwociao

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

TTOOMM

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

2021-11-22 18:16

DCloud_UNI_GSQ

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

该问题目前已经被锁定, 无法添加新回复

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

示例代码：

<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描述：

6 个回复

公告

相关问题

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

示例代码： <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描述：

相关链接 ：

与内容相关的链接

6 个回复

公告

相关问题

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

示例代码：

<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"/>

相关链接：