收藏
回答

当input与button重叠时,input的内容会浮现在button上

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 Bug input 客户端 6.6.7 2.2.5

- 当前 Bug 的表现:如题,当input与button重叠时,input的内容会浮现在button上




- 预期表现  button应该在上层,input的内容不应该浮现在button上


- 测试真机:华为荣耀7

- 在开发工具也是这样

- 提供一个最简复现 Demo

部分代码:

            <view class="view1">

              <text class="text2">选择空间:</text>

              <input name="placeNum" placeholder="请输入数量" class="xd-input" value="{{place.placeNum}}" type="number" />

            </view>

          <view class='area' style="position: fixed;bottom: 0rpx;">

            <button class='book' formType="submit" style="width: 750rpx;">预定</button>

          </view>


最后一次编辑于  2018-09-08
回答关注问题邀请回答
收藏

1 个回答

  • Joe 2师兄
    Joe 2师兄
    2018-09-10

    你的问题可以通过增加按钮样式z-index:9 来解决

    但是还有有一点不完美,如果重叠的是textarea,点击按钮的话,还会选中textarea,无法点中按钮。

    2018-09-10
    赞同
    回复