[Bug Report] 在loadMore中使用popup,popup定位错误

[zhao-ping]

Mint UI version

2.2.9

OS/Browsers version

在PC版的谷歌浏览器上和手机上测试都有问题

Vue version

2.4.2

Reproduction Link

https://zhao-ping.github.io/mint-ui-issue/

Steps to reproduce

请看源代码 链接：https://github.com/zhao-ping/mint-ui-issue/blob/master/index.html

What is Expected?

popup可以在body的基础上定位，遮盖住整个页面，而不是在loadmore里面

What is actually happening?

popup看起来是根据loadmore定位的，内容完全在loadmore里面，loadmore多大，popup就多大，而不是遮盖住整个页面

[zhao-ping]

@songlipeng2003 ， @myst729 我有测试过，把标签去掉后popup就能正常了,所以应该是与loadmore有冲突

我把mint-loadmore-content的样式translate去掉后，popup是可以正常显示的

[cloudfroster]

小兄弟 你进入了新领域堆叠上下文(stacking context)。

对于 fixed 定位来说，理论上应该相对于视口(viewport)定位的,但是有特殊的情况，如果他的祖先元素里面有 transform 或者 perspective 属性不为 none 的情况的话，就会相对于该祖先元素定位了。

[onyxblade]

当translate为0的时候，让transform: null就可以解决吧，popup和下拉不会同时进行，应该没有冲突。