Popover 的 zIndex 比 Modal 的大？ about ant-design

[crazyair]

@ant-design/ant-design-collaborators 看看

[stackblitz]

Start a new pull request in StackBlitz Codeflow.

• react-hmtytu (Open reproduction)

[crazyair]

如果 Modal 在 Popover 上面后，点击页面空白处，是先关闭 Modal，再点击空白处，再关闭 Popover

[kiner-tang]

看起来是默认层级不太对的样子

[CooperHash]

好像默认zIndex token是1000，popover在原基础上加了30，modal是1000，popover是1030

[CooperHash]

按理解的话，modal的层级应该是最高的？

[CooperHash]

按理解的话，modal的层级应该是最高的？

需要更改的话，我可以提个pr

[crazyair]

如果 Modal 中打开 Popover 呢？

[CooperHash]

对哦，那这么看的话，应该是：不管谁打开谁，都是被打开的要在上面？
btw，点击空白区域的话（popover打开modal），感觉应该是取消一次？也就是关掉modal，popover仍然打开着，需要再点击一次popover才消失，类似esc按键的退出机制？（一次就退出一层）

[crazyair]

可以看看打开2个Modal，点击空白处，是关闭一个还是全部关闭

[CooperHash]

modal中打开modal，点击空白，没问题，是先关闭2，再点击，才关闭1

[CooperHash]

modal.mov

[crazyair]

同组件嵌套使用没问题，不同组件嵌套还是有问题，比如 Modal 放到 Popover 里面的话，关闭 Modal 会闪一下 Popover

https://stackblitz.com/edit/react-hmtytu-4tewqw?file=demo.tsx

iShot_2024-03-21_09.30.18.mp4

[CooperHash]

确实

btw: 第一个demo例子感觉有点奇怪，第二个demo逻辑跟设想的一样正常弹出，后面弹出的覆盖前面弹出的

[crazyair]

确实

btw: 第一个demo例子感觉有点奇怪，第二个demo逻辑跟设想的一样正常弹出，后面弹出的覆盖前面弹出的

多 Modal，其实也不是嵌套写的，但是也没问题