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

n-modal 的弹窗中,在n-select 的 empty 插槽中,使用 n-time-picker,点击时间会出现bug #5256

Open
muyangsx opened this issue Sep 20, 2023 · 1 comment
Labels
untriaged need to sort

Comments

@muyangsx
Copy link

muyangsx commented Sep 20, 2023

TuSimple/naive-ui version (版本)

2.34.4

Vue version (Vue 版本)

3.2.45

Browser and its version (浏览器及其版本)

版本 116.0.5845.187(正式版本) (arm64)

System and its version (系统及其版本)

mac pro 版本13.0

Node version (Node 版本)

v16.20.1

Reappearance link (重现链接)

https://codesandbox.io/s/cool-brook-pmzlr2?file=/src/main.js

Reappearance steps (重现步骤)

1.打开重现链接
2.点击测试
3.点击展开弹窗中的下拉
4.选择时间 (这个时候下拉的插槽会关闭,并且时间组件位置发生偏移)

Expected results (期望的结果)

期望下拉的空插槽在点击时间的时候不关闭,时间组件位置不偏移

Actual results (实际的结果)

在下拉的插槽中去选择时间,这个时候插槽关闭了,时间的组件在当前窗口中位置发生偏移

Remarks (补充说明)

@github-actions github-actions bot added the untriaged need to sort label Sep 20, 2023
@JokerLZD
Copy link

项目中也有类似的需求,需要在 select 的 empty 插槽中,封装几个 select ,每次插槽中的任一 select 组件选中后都会触发 父级的 select 失焦,关闭遮罩。感觉像是层级嵌套的问题。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
untriaged need to sort
Projects
None yet
Development

No branches or pull requests

2 participants