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.

Sign up for GitHub

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

Jump to bottom

[bug-report] Tabs 在 iPhone 切换时出现浮动内容重影 #627

Closed
LLwanran opened this issue Dec 20, 2019 · 6 comments
Closed

[bug-report] Tabs 在 iPhone 切换时出现浮动内容重影 #627

LLwanran opened this issue Dec 20, 2019 · 6 comments
Assignees
@zouhangwithsweet
Labels
bug Something isn't working need reproduce Need to reproduce the problem site

Comments

@LLwanran
Copy link

Mand Mobile Version

2.5.6

Vue Version

2.6.1

Model / OS & Browser Info

iPhone 11

Recurring Steps

iPhone 11、iPhone X切换时均出现

Expectant Behaviors

不要有重影出现

Actual Behaviors

有重影出现

实测在&-leave-active样式类添加transform: translateZ(0)或will-change: transform均可修复
@zouhangwithsweet
Copy link
Collaborator

手机系统是什么版本呢？

@xxyan0205 xxyan0205 added the need reproduce Need to reproduce the problem site label Dec 23, 2019
@LLwanran
Copy link
Author

系统均为iOS13.0
类似情形：https://www.zhangxinxu.com/wordpress/2015/01/chrome-absolute-display-visibility-render-bug

@zouhangwithsweet
Copy link
Collaborator

我自己用了 iPhone11 和 iPhone 11 pro 在测试官网 demo 尚未发现问题；
tabs.MP4.zip

可以提供提个视频嘛

@LLwanran
Copy link
Author

我自己用了 iPhone11 和 iPhone 11 pro 在测试官网 demo 尚未发现问题；
tabs.MP4.zip

可以提供提个视频嘛

image
如图，切换时一直出现重影，添加上述样式即正常。

@zouhangwithsweet
Copy link
Collaborator

image
是指和这个部分吗？

@LLwanran
Copy link
Author

是的，这里实际并无内容

@zouhangwithsweet zouhangwithsweet added the bug Something isn't working label Dec 24, 2019
zouhangwithsweet added a commit that referenced this issue Dec 24, 2019
@zouhangwithsweet
fix(tab-pane): fix some transition performance in some platforms
c4a2b26 
fix #627
xxyan0205 pushed a commit that referenced this issue Dec 26, 2019
@zouhangwithsweet @xxyan0205
fix(tabs,notice-bar): improve transition performance & improve notice…
a006f08 
…-bar's performance with dynamic slot content (#631)

* fix(tab-pane): fix some transition performance in some platforms

fix #627

* fix(notice-bar): fix immutable slot

fix #628

* example(notice-bar): add a new demo
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@zouhangwithsweet zouhangwithsweet

Labels
bug Something isn't working need reproduce Need to reproduce the problem site
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@LLwanran @xxyan0205 @zouhangwithsweet