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.

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

dropdown hover闪烁 #12115

Closed
1 task
zlab opened this issue Sep 6, 2018 · 21 comments
Closed
1 task

dropdown hover闪烁 #12115

zlab opened this issue Sep 6, 2018 · 21 comments
Assignees
Labels
help wanted The suggestion or request has been accepted, we need you to help us by sending a pull request. Inactive IssueHuntFest

Comments

@zlab
Copy link

zlab commented Sep 6, 2018

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

Version

3.9.1

Environment

mac chrome69

Reproduction link

https://ant.design/components/dropdown-cn/

Steps to reproduce

  • 第一个例子:最简单的下拉菜单。
  • 鼠标移到 Hover me

What is expected?

不闪烁

What is actually happening?

dropdown 内容出来后会往左移动一点点,造成轻微闪烁效果

@ant-design-bot
Copy link
Contributor

Translation of this issue:


dropdown hover flashing

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

Version

3.9.1

Environment

Mac chrome69

Reproduction link

https://ant.design/components/dropdown-cn/

Steps to reproduce

  • The first example: the simplest drop-down menu.
  • Mouse over Hover me

What is expected?

Not flashing

What is actually happening?

After the dropdown content comes out, it will move a little to the left, causing a slight flickering effect.

@afc163
Copy link
Member

afc163 commented Sep 6, 2018

非常诡异的问题,只在 chrome 下出现,之前发现了但是基本做不了什么。

@afc163
Copy link
Member

afc163 commented Sep 7, 2018

由于无法解决,这里先关了。有好的办法可以给我们 PR。

@afc163 afc163 closed this as completed Sep 7, 2018
@zlab
Copy link
Author

zlab commented Sep 7, 2018

多选的都会闪烁, 下拉内容出来后会往左移动一点点

https://ant.design/components/select-cn/

image

@zlab
Copy link
Author

zlab commented Sep 7, 2018

不止一个组件出现这个问题了, 还是要解决啊, 3.8 我记得没有这种问题的

@afc163
Copy link
Member

afc163 commented Sep 7, 2018

3.8 也有的。

主要是 chrome 渲染问题,找不到办法解决。

@afc163 afc163 reopened this Sep 7, 2018
@afc163 afc163 added the help wanted The suggestion or request has been accepted, we need you to help us by sending a pull request. label Sep 7, 2018
@afc163
Copy link
Member

afc163 commented Sep 7, 2018

reopen 了看看社区有什么好办法吧。

@zlab
Copy link
Author

zlab commented Sep 7, 2018

又发现一个, placeholder整体上移, 找不出原因, 点击图片放大看

form

@zlab
Copy link
Author

zlab commented Sep 7, 2018

又来一个,这个日期还上下左右抖动

https://ant.design/components/date-picker-cn/ 操作有默认值的例子

form

@GreenEyez86
Copy link

Hover over the tab selection to view the tab's dropdown selections.

@IssueHuntBot
Copy link

@BoostIO funded this issue with $10. Visit this issue on Issuehunt

@HeskeyBaozi
Copy link
Contributor

TreeSelect 组件也存在点击后展现出来往上飘移 1px

@zlab
Copy link
Author

zlab commented Sep 13, 2018

popconfirmmac, chrome69下,两个按钮出来后往上飘移 1px

@zlab
Copy link
Author

zlab commented Sep 13, 2018

cascader选项往左漂移1px

@IssueHuntBot
Copy link

@0maxxam0 funded this issue with $10. See it on IssueHunt

@Veveue
Copy link
Contributor

Veveue commented Dec 2, 2018

这个是transform:scaleY引起的 可以换种动画方式

@IssueHuntBot
Copy link

@issuehuntfest has funded $20.00 to this issue. See it on IssueHunt

rahgurung added a commit to rahgurung/ant-design that referenced this issue Dec 19, 2018
@IssueHuntBot
Copy link

@gurungrahul2 has submitted a pull request. See it on IssueHunt

@zlab
Copy link
Author

zlab commented Dec 20, 2018

@afc163 不会闪烁和漂移1px了
@gurungrahul2 厉害

.ant-dropdown-menu, .ant-cascader-menu {
  -webkit-transform: translate3d(0, 0, 0);
}

@IssueHuntBot
Copy link

@afc163 has rewarded $28.00 to @gurungrahul2. See it on IssueHunt

  • 💰 Total deposit: $40.00
  • 🎉 Repository reward(20%): $8.00
  • 🔧 Service fee(10%): $4.00

@afc163 afc163 closed this as completed Dec 20, 2018
@zlab
Copy link
Author

zlab commented Dec 21, 2018

cascader/styles/index.less也要加一下

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
help wanted The suggestion or request has been accepted, we need you to help us by sending a pull request. Inactive IssueHuntFest
Projects
None yet
Development

No branches or pull requests

8 participants