b***@163.com

发布：2022-08-05 12:39
更新：2024-02-29 10:13
阅读：2760

【报Bug】uni-datetime-picker 被scroll-view遮挡

分类：uni-app

bug反馈

产品分类： uniapp/小程序/微信

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： win10

HBuilderX类型：正式

HBuilderX版本号： 3.5.3

第三方开发者工具版本号： 1.06.2206271

基础库版本号： 2.25.2

项目创建方式： HBuilderX

示例代码：

<template>  
  <scroll-view style="height:100%;">  
    <view>此处list</view>  
  </scroll-view>  
  <uni-datetime-picker type="daterange" start-placeholder="选择开始日期"  
      end-placeholder="选择结束日期">  
    <image src="~@/static/image/calendar.png" style="width: 45rpx; height: 45rpx" />  
  </uni-datetime-picker>  
</template>

操作步骤：

点击uni-datetime-picker组件

预期结果：

弹出的日历窗口不要被遮挡

实际结果：

弹出的日历窗口被scroll-view遮挡

bug描述：

uni-datetime-picker
当模板使用 default slots，点击组件，弹出日历选择窗口
此时，会被页面的scroll-view遮挡

2022-08-05 12:39 负责人:无分享

4 个回复

CODE_XU

scroll-view 本身是没有层级代码的，查看是否 scroll-view 内部的元素是否存在层级关系，uni-datetime-picker z-index 为 99

b***@163.com (作者)

没使用默认插槽正常，我是在想，除了这个，没做其它的呀

scroll-view的内部元素，应该是再没有层级关系了，只是几个view标签，没有啥样式，也没使用原生标签，没设置z-index

2022-08-10 08:15

1***@qq.com

我是在scroll-view里面写了个表单,表单里面有uni-datetime-picker,结果显示的时候被遮掩了,这两个东西貌似八字不合,我最后是吧scroll-view去掉了,在css中加了个overflow-y: scroll,效果一样了

unionw - 忙的天昏地暗

scroll-view去掉的话，即使加overflow-y: scroll也会导致手机端无法滚动

duduodudu

参考意见：
如果出现IOS13、14下抽屉弹出框中定位问题，如日历控件显示不全的问题，可以通过以下css方式进行解决：

/* 修复IOS13、14下抽屉弹出框中定位问题 */  
.uni-drawer .uni-scroll-view {  
-webkit-overflow-scrolling:auto  
}

要回复问题请先登录或注册

【报Bug】uni-datetime-picker 被scroll-view遮挡

操作步骤：

点击uni-datetime-picker组件

预期结果：

弹出的日历窗口不要被遮挡

实际结果：

弹出的日历窗口被scroll-view遮挡

bug描述：

4 个回复

公告

相关问题

【报Bug】uni-datetime-picker 被scroll-view遮挡

操作步骤： 点击uni-datetime-picker组件

预期结果： 弹出的日历窗口不要被遮挡

实际结果： 弹出的日历窗口被scroll-view遮挡

bug描述：

与内容相关的链接

4 个回复

公告

相关问题

操作步骤：

点击uni-datetime-picker组件

预期结果：

弹出的日历窗口不要被遮挡

实际结果：

弹出的日历窗口被scroll-view遮挡