makeit
makeit
  • 发布:2022-01-27 00:40
  • 更新:2022-01-27 16:34
  • 阅读:374

【报Bug】滑动swiper,swiper-item中的 input 自动出现光标

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

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

HBuilderX类型: 正式

HBuilderX版本号: 3.3.10

手机系统: Android

手机系统版本号: Android 4.4

手机厂商: smartisan

手机机型: T1

页面类型: nvue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
<template>  
	<view class="content">  
		<swiper class="tab-swiper" ref="swiper1" :duration="300" >  
			<swiper-item>  
				<text class="i_text">swiper-1 input</text>  
				<input class="ww" />  
			</swiper-item>  
 
			<swiper-item>  
				<text class="i_text">swiper-2 input</text>  
				<input class="ww" />  
			</swiper-item>  
		</swiper>  
	</view>  
</template>  
 
<script>  
	export default {  
		data() {  
			return {  
			}  
		},  
		methods: {  
			  
		}  
	}  
</script>  
 
<style>  
	.content {  
		margin-top: 100rpx;  
		flex: 1;  
	}  
	.tab-swiper {  
		flex: 1;  
	}  
	.i_text {  
		margin-left: 60rpx;  
	}  
	.ww {  
		background-color: #DCDCDC;  
		height: 100rpx;  
		margin: 20rpx 60rpx;  
		width: 200rpx;  
		padding: 10rpx;  
		border-radius: 15rpx;  
	}  
</style>  

操作步骤:
1. swiper-item-1 中input弹出键盘 再收起键盘,然后滑到swiper-item-2,swiper-item-2中input会自动显示光标(只显示光标,键盘不弹出)  
2. 如果swiper-item-1中input没有弹出键盘,swiper-item-2中input 不会自动显示光标  

预期结果:
滑动到swiper-item-2,input 不自动出现光标  

实际结果:
滑动到swiper-item-2,input 自动出现光标  

bug描述:

swiper 中有2个swiper-item, 每个swiper-item有一个input  
 
1. swiper-item-1 中input弹出键盘 再收起键盘,然后滑到swiper-item-2,swiper-item-2中input会自动显示光标(只显示光标,键盘不弹出)  
2. 如果swiper-item-1中input没有弹出键盘,swiper-item-2中input 不会自动显示光标  
 
截图已发  
2022-01-27 00:40 负责人:DCloud_Android_zl 分享
已邀请:
DCloud_Android_zl

DCloud_Android_zl

这个是swiper原生组件的默认行为,纯原生开发也会有这个现象,如果不想在切换的时候显示光标,可以通过input的属性动态控制。

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