view-design / ViewUI

A high quality UI Toolkit built on Vue.js 2.0
https://www.iviewui.com/
Other
2.64k stars 797 forks source link

[Bug Report]在嵌套的组件中,需要使用 fixed 定位时发现位置发生了严重的偏移 #789

Open XLearner opened 3 years ago

XLearner commented 3 years ago

Environment

chrome

Reproduction link

https://run.iviewui.com/0UL2o7yw

Steps to reproduce

已展示在连接地址中

What is expected?

按照fixed定位原有定位方式,以页面左上角为基准点。

What is actually happening?

被阻隔在Tag组件中。


原因已找到,是由于在.ivu-tabs .ivu-tabs-content-animated 这个css样式中,设置的will-transform 属性导致的。我已初步试过取消该设置,对页面功能及其他配置无影响。

XLearner commented 3 years ago

在多次试验中发现,弹性布局的几个属性,和 transform 属性对定位元素的偏移产生了影响。是否有好的解决方法?

lijing666 commented 3 years ago

在多次试验中发现,弹性布局的几个属性,和 transform 属性对定位元素的偏移产生了影响。是否有好的解决方法?

@XLearner 这个是所有浏览器的缺陷,父级开启了transform之后,使用fixed定位的子元素不再相对于body定位,而是这个transform的父级,我也遇到这个问题了,只能禁掉transform功能,尝试过各种黑客做法都没法解决,对于tab禁掉animate功能即可