Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

inut-popup 组件嵌套一个弹出 nut-date-picker 组件,在android 显示正常,iOS显示不正常 #2562

Closed
xiangBiaoOne opened this issue Sep 14, 2023 · 8 comments
Labels
browser quirks 某些浏览器环境中的问题 Need Reproduce 需要提供可复现的代码用于问题排查

Comments

@xiangBiaoOne
Copy link

NutUI 包名

@nutui/nutui-taro

NutUI 版本号

4.0.4

平台

h5

重现链接

没办法提供链接

重现步骤

inut-popup 组件嵌套一个弹出 nut-date-picker 组件,在android 显示正常,iOS显示不正常

期望的结果是什么?

企业微信20230914-173036

实际的结果是什么?

IMG_0795

环境信息

No response

其他补充信息

No response

@eiinu eiinu added the browser quirks 某些浏览器环境中的问题 label Sep 27, 2023
@eiinu
Copy link
Member

eiinu commented Sep 27, 2023

Popup 使用 fixed 定位,多个 Popup 通过 z-index 实现分层
safari 对于 fixed 元素的 z-index 处理有问题

@xiangBiaoOne
Copy link
Author

Popup 使用 fixed 定位,多个 Popup 通过 z-index 实现分层 safari 对于 fixed 元素的 z-index 处理有问题

有好的方案解决这个问题吗?

@eiinu eiinu added the Need Reproduce 需要提供可复现的代码用于问题排查 label Sep 28, 2023
@github-actions
Copy link

你好 @xiangBiaoOne, 我们需要你提供一个最小重现实例以便于我们帮你排查问题。你可以提供一个基于 Taro NutUI4.0 模板项目的 GitHub 仓库链接(@nutui/nutui-taro),也可以通过 CodeSandbox 创建一个在线实例(@nutui/nutui)。请确保选择准确的版本。

@Wws54loi
Copy link

遇到了同样的问题 有解决方式嘛?

@xiangBiaoOne
Copy link
Author

遇到了同样的问题 有解决方式嘛?

我现在的处理方法是,把弹窗组建放到了最外层。放到了侧拉菜单平级节点。这样有点麻烦,但是能解决问题

@xiangBiaoOne
Copy link
Author

遇到了同样的问题 有解决方式嘛?

再次回答,其实文档有给出方案:

<nut-cell title="多层堆叠" is-link @click="showPop1 = true">

<div @click="showPop2 = true">点击它

正文

<script setup> import { ref } from 'vue'; const showPop1 = ref(false); const showPop2 = ref(false); </script>

nut-popup 不能嵌套、只能并排。写的时候注意一下就ok

@xiangBiaoOne
Copy link
Author

Popup 使用 fixed 定位,多个 Popup 通过 z-index 实现分层 safari 对于 fixed 元素的 z-index 处理有问题

已经解决了,谢谢

@xiangBiaoOne
Copy link
Author

你好 @xiangBiaoOne, 我们需要你提供一个最小重现实例以便于我们帮你排查问题。你可以提供一个基于 Taro NutUI4.0 模板项目的 GitHub 仓库链接(@nutui/nutui-taro),也可以通过 CodeSandbox 创建一个在线实例(@nutui/nutui)。请确保选择准确的版本。

已经解决了,谢谢

@eiinu eiinu closed this as completed Nov 3, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
browser quirks 某些浏览器环境中的问题 Need Reproduce 需要提供可复现的代码用于问题排查
Projects
None yet
Development

No branches or pull requests

3 participants