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

Select bug in chrome 66 —— ant-select-dropdown not show(opacity:0) #4409

Closed
1 task
ltgan1121 opened this issue Jul 22, 2021 · 8 comments
Closed
1 task
Labels
🤔 Need Reproduce We cannot reproduce your problem outdated

Comments

@ltgan1121
Copy link

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

Version

2.2.0-beta.6

Environment

chrome66

Reproduction link

https://2x.antdv.com/components/select-cn

Steps to reproduce

2.2.0版本的Select在chrome66 点击展开下拉会闪烁,发现展开的ant-select-dropdown多了这两个class slide-up-appear slide-up-appear-prepare,导致展开闪一下就看不到下拉框了

What is expected?

show the ant-select-dropdown

What is actually happening?

2.2.0版本的Select在chrome66 点击展开下拉会闪烁,发现展开的ant-select-dropdown多了这两个class slide-up-appear slide-up-appear-prepare,导致展开闪一下就看不到下拉框了

@tangjinzhou
Copy link
Member

try 2.2.2

@ltgan1121
Copy link
Author

ltgan1121 commented Jul 22, 2021

try 2.2.2

I try,the same question... ant-select-dropdown have 'slide-up-appear slide-up-appear-prepare' class and not show when click select

@tangjinzhou tangjinzhou added the 🤔 Need Reproduce We cannot reproduce your problem label Jul 22, 2021
@github-actions
Copy link

Hello @ltgan1121. Please provide a online reproduction by forking this link for vue2link for vue3 or a minimal GitHub repository. Make sure to choose the correct version.

你好 @ltgan1121, 我们需要你提供一个在线的重现实例以便于我们帮你排查问题。你可以通过点击 此处 for vue2此处 for vue3 创建一个 codesandbox 或者提供一个最小化的 GitHub 仓库。请确保选择准确的版本。

@ltgan1121
Copy link
Author

Hello @ltgan1121. Please provide a online reproduction by forking this link for vue2link for vue3 or a minimal GitHub repository. Make sure to choose the correct version.

你好 @ltgan1121, 我们需要你提供一个在线的重现实例以便于我们帮你排查问题。你可以通过点击 此处 for vue2此处 for vue3 创建一个 codesandbox 或者提供一个最小化的 GitHub 仓库。请确保选择准确的版本。

https://ltgan1121.github.io/mylab/hello-v3/dist/
在chrome66版本下select点击下拉框闪一下就消失

@ltgan1121
Copy link
Author

我在项目里,先去掉了展开的动画,暂时能用,
.ant-select-dropdown.slide-up-appear{
animation:none !important;
opacity:1 !important;
}

望组件库尽早修复此bug,谢谢

@github-actions github-actions bot closed this as completed Aug 6, 2021
@github-actions
Copy link

github-actions bot commented Aug 6, 2021

Since the issue was labeled with Need Reproduce, but no response in 7 days. This issue will be closed. If you have any questions, you can comment and reply.

由于该 issue 被标记为需要复现信息,却 7 天未收到回应。现关闭 issue,若有任何问题,可评论回复。

@ltgan1121
Copy link
Author

Since the issue was labeled with Need Reproduce, but no response in 7 days. This issue will be closed. If you have any questions, you can comment and reply.

由于该 issue 被标记为需要复现信息,却 7 天未收到回应。现关闭 issue,若有任何问题,可评论回复。

我已经给了复现的demo url:https://ltgan1121.github.io/mylab/hello-v3/dist/
code:https://github.com/ltgan1121/mylab/tree/main/hello-v3/dist

这种类似bug在多个组件下都存在,比如下拉菜单drop down menu、model mask,都会存在闪一下就消失,show and than quickly hide(opacity:0)in chrome 66.

@github-actions
Copy link

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

@github-actions github-actions bot locked as resolved and limited conversation to collaborators Aug 12, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
🤔 Need Reproduce We cannot reproduce your problem outdated
Projects
None yet
Development

No branches or pull requests

2 participants