input上放弹框,placeholder文字渗透
发布于 4 年前 作者 lujuan 2208 次浏览 来自 问答
  • 当前 Bug 的表现(可附上截图)
  • 预期表现

文字不该舌头弹窗。

  • 复现路径
  • 提供一个最简复现 Demo

<view class=“sign_block”>

    <view class=“sign_bar”>

    <text>姓名:</text>

    <input type=“text” placeholder=“请输入您的真实姓名” class=“sign_name” bindinput=“setValue” data-type=“name” value="{{name}}" focus="{{focus}}"></input>

</view>

<view class=“sign_bar”>

    <text>手机号:</text>

    <input type=“number” placeholder=“请输入您的手机号” class=“sign_name” bindinput=“setValue” data-type=“phone” value="{{phone}}"></input>

</view>

<auth-popup wx:if="{{!is_auth_phone}}" source=“sign”>

    <view></view>

</auth-popup>

auth-popup 是个fixed布局。z-index为100 的遮罩弹窗。

文字会溢出

目前只在  iphone6s plus 上复现。无从下手解决。请官方答复一下,我们好给大boss一个交代,非常感谢

4 回复

现在再试一下看看

微信的Bug,和我遇到的问题一样。等新版本吧。

问题见此处

给外边的遮罩加一个z-index:999就可以。

input为原生组件,无法被覆盖,你弹窗的时候把input用view代替一下,取消弹窗后再显示

回到顶部