详细问题描述
uniapp 的textarea用苹果自带输入法输入《》等符号会直接失焦,并且没法聚焦
[内容]
重现步骤
[步骤]
用苹果X在textarea里输入《》等符号
这些符号在ios自带输入法的”拼音“里点击符号出现的
如上图这些符号
[结果]
textarea会直接失焦,并且没法聚焦
[期望]
尽快修复
IDE运行环境说明
[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]
[IDE版本号]
2.1.1.20190716
[windows版本号]
跟这些应该没关系,你们官方的app也有这个问题
[mac版本号]
跟这些应该没关系,你们官方的app也有这个问题
uni-app运行环境说明
[运行端是h5或app或某个小程序?]
app
[运行端版本号]
跟这些应该没关系,你们官方的app也有这个问题
[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]
跟这些应该没关系,你们官方的app也有这个问题
[编译模式是老模板模式还是新的自定义组件模式?]
跟这些应该没关系,你们官方的app也有这个问题
App运行环境说明
[Android版本号]
[iOS版本号]
12.0
[手机型号]
iphoneX
[模拟器型号]
附件
[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]
[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]
[App安装包或H5地址]
[可重现代码片段]
<template>
<view class="page">
<view class="feedback-body">
<textarea placeholder="请输入您的撤销理由(30字以内)" v-model="neirong" maxlength="30" class="feedback-textare" />
</view>
<button type="warn" class="feedback-submit" @click="send">提交</button>
</view>
</template>
<script>
export default {
data() {
return {
neirong:'',//申诉内容
id:''//申诉id
}
},
onLoad(option) {
this.id=option.id;
},
methods: {
send() {
if(!this.neirong){
uni.showToast({
title: '撤销理由不能为空',
icon:'none'
});return;
}
}
}
}
</script>
<style>
@font-face {
font-family: uniicons;
font-weight: normal;
font-style: normal;
src: url('https://img-cdn-qiniu.dcloud.net.cn/fonts/uni.ttf') format('truetype');
}
page {
background-color: #EFEFF4;
}
view{
font-size: 28upx;
}
.input-view {
font-size: 28upx;
}
.close-view{
text-align: center;line-height:14px;height: 16px;width: 16px;border-radius: 50%;background: #FF5053;color: #FFFFFF;position: absolute;top: -6px;right: -4px;font-size: 12px;
}
/ 上传 /
.uni-uploader {
flex: 1;
flex-direction: column;
}
.uni-uploader-head {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.uni-uploader-info {
color: #B2B2B2;
}
.uni-uploader-body {
margin-top: 16upx;
}
.uni-uploaderfiles {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.uni-uploaderfile {
margin: 10upx;
width: 210upx;
height: 210upx;
}
.uni-uploaderimg {
display: block;
width: 210upx;
height: 210upx;
}
.uni-uploaderinput-box {
position: relative;
margin:10upx;
width: 208upx;
height: 208upx;
border: 2upx solid #D9D9D9;
}
.uni-uploaderinput-box:before,
.uni-uploaderinput-box:after {
content: " ";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: #D9D9D9;
}
.uni-uploaderinput-box:before {
width: 4upx;
height: 79upx;
}
.uni-uploaderinput-box:after {
width: 79upx;
height: 4upx;
}
.uni-uploaderinput-box:active {
border-color: #999999;
}
.uni-uploaderinput-box:active:before,
.uni-uploaderinput-box:active:after {
background-color: #999999;
}
.uni-uploaderinput {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
}
/*问题反馈*/
.feedback-title {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 20upx;
color: #8f8f94;
font-size: 28upx;
}
.feedback-star-view.feedback-title {
justify-content: flex-start;
margin: 0;
}
.feedback-quick {
position: relative;
padding-right: 40upx;
}
.feedback-quick:after {
font-family: uniicons;
font-size: 40upx;
content: '\e581';
position: absolute;
right: 0;
top: 50%;
color: #bbb;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.feedback-body {
background: #fff;
}
.feedback-textare {
height: 200upx;
font-size: 34upx;
line-height: 50upx;
width: 100%;
box-sizing: border-box;
padding: 20upx 30upx 0;
}
.feedback-input {
font-size: 34upx;
height: 50upx;
min-height: 50upx;
padding: 15upx 20upx;
line-height: 50upx;
}
.feedback-uploader {
padding: 22upx 20upx;
}
.feedback-star {
font-family: uniicons;
font-size: 40upx;
margin-left: 6upx;
}
.feedback-star-view {
margin-left: 20upx;
}
.feedback-star:after {
content: '\e408';
}
.feedback-star.active {
color: #FFB400;
}
.feedback-star.active:after {
content: '\e438';
}
.feedback-submit {
background: #007AFF;
color: #FFFFFF;
margin: 20upx;
}
</style>
联系方式
[QQ]
805135925