ipnut组件在ios15系统会出现穿透问题

复现基础库版本 复现客户端版本 平台 预估发布版本
- - ios -

iOS15 input 会有触摸点击穿透问题

关注Issue发表评论
赞 0

3 个评论

  • Jackie
    Jackie
    04-25

     input可通过page.json的globalStyle配置"renderingMode": "seperated"防止穿透;

    但是textarea不行;可以像一楼这样用view代替textarea的显示但是还要改样式啊很麻烦,所以用一个textarea标签就行了 disabled="true";完美解决

    04-25
    赞同 2
    回复 2
    • 光与风的颂
      光与风的颂
      05-15
      请问这个配置项在哪里呀,翻文档没有找到呀
      05-15
      回复
    • zzY
      zzY
      05-30
      刚踩完坑灰溜溜的回来,如果在全局设置"renderingMode": "seperated",会导致直播间视频层次异常,还好发现得早
      05-30
      回复
  • 只争朝夕
    只争朝夕
    02-21

    目前自己的解决方案是默认使用view代替input的显示,在点击时切换成input。

    <view v-if="!focused" @click="dofocus" style="background:rgba(1,1,1,0);width: 100%;z-index: 3;flex: 1;min-height: 70rpx;">
    			<text style="color: #ccc;font-size: 28rpx;line-height: 70rpx;" v-if="!defaultValue">{{placeholder}}</text>
    			<text style="color: #333;font-size: 28rpx;line-height: 70rpx;" v-else>{{defaultValue}}</text>
    <input
    			v-else
    			id="m_input"
    			class="u-input__input"
    			:type="type == 'password' ? 'text' : type"
    			:style="[getStyle]"
    			:value="defaultValue"
    			:password="type == 'password' && !showPassword"
    			:placeholder="placeholder"
    			:placeholderStyle="placeholderStyle"
    			:disabled="disabled || type === 'select'"
    			:maxlength="inputMaxlength"
    			:focus="focused"
    			:confirmType="confirmType"
    			:cursor-spacing="getCursorSpacing"
    			:selection-end="uSelectionEnd"
    			:selection-start="uSelectionStart"
    			:show-confirm-bar="showConfirmbar"
    			@focus="onFocus"
    			@blur="handleBlur"
    			@input="handleInput"
    			@confirm="onConfirm"
    		/>
    		dofocus(){
    			this.focused=false;
                            setTimeout(()=>{
    			    this.focused=true
    			},100)
    		}
                    handleBlur(event) {
    			setTimeout(() => {
    				this.focused = false;
    			}, 100)
    		},
    
    02-21
    赞同
    回复
  • HiYaLiM🍁彡Da💞
    HiYaLiM🍁彡Da💞
    01-29
    18899247938
    01-29
    赞同
    回复
登录 后发表内容