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

Spin 组件 spinning 为 true 时,被包裹的组件中如果有 position 为 fixed 的元素,则会被影响 #10196

Closed
elowes opened this Issue Apr 23, 2018 · 4 comments

Comments

Projects
None yet
3 participants
@elowes

elowes commented Apr 23, 2018

  • I have searched the issues of this repository and believe that this is not a duplicate.

Version

3.4.2

Environment

windows 10,chrome 66

Reproduction link

Edit on CodeSandbox

Steps to reproduce

Edit mzw220y708

What is expected?

页面滚动时,文字应该固定在屏幕的固定位置上

What is actually happening?

文字随着页面滚动而滚动


由于这一条css属性导致

.ant-spin-blur {
    -webkit-transform: translateZ(0);
}
@ant-design-bot

This comment has been minimized.

ant-design-bot commented Apr 23, 2018

Translation of this issue:


Spin component spinning is true, if there is an element with fixed position in the wrapped component, it will be affected

  • I have searched the issues of this repository and believe that this is not a duplicate.

Version

3.4.2

Environment

Windows 10,chrome 66

Reproduction link

Edit on CodeSandbox

Steps to reproduce

Edit mzw220y708

What is expected?

Text should be fixed at a fixed position on the screen when the page is scrolled

What is actually happening?

Text scrolls as the page scrolls


Due to this css attribute

.ant-spin-blur {
    -webkit-transform: translateZ(0);
}

@afc163 afc163 self-assigned this Jun 15, 2018

@afc163 afc163 added Bug🐛 and removed Inactive labels Jun 15, 2018

@afc163

This comment has been minimized.

Member

afc163 commented Jun 15, 2018

df0426b

这句在 safari 下用于修复另外一个诡异的问题。

@afc163 afc163 closed this in c540ceb Jun 15, 2018

@afc163

This comment has been minimized.

Member

afc163 commented Jun 15, 2018

先移除了这句,因为上面评论里的问题在新版本 safari 已经无法重现。

@elowes

This comment has been minimized.

elowes commented Jun 15, 2018

👌

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment