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 mode=multiple 时候open=false 不能输入文字 也无法触发onSearch事件。 #27255

Open
1 task
jayguojianhai opened this issue Oct 20, 2020 · 11 comments
Labels

Comments

@jayguojianhai
Copy link

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

Reproduction link

Edit on CodeSandbox

Steps to reproduce

如题

What is expected?

跟3.x一样 open为fasle的时候可以输入

What is actually happening?

open为fasle的时候不可以输入

Environment Info
antd 4.6.2
React 16.13.1
System macos Mojave 10.14.4
Browser Google Chrome 85.0.4183.83(正式版本)
@ant-design-bot
Copy link
Contributor

Hello @jayguojianhai. Please provide a online reproduction by forking this link https://u.ant.design/codesandbox-repro or a minimal GitHub repository. Issues labeled by Need Reproduce will be closed if no activities in 7 days.

你好 @jayguojianhai, 我们需要你提供一个在线的重现实例以便于我们帮你排查问题。你可以通过点击 此处 创建一个 codesandbox 或者提供一个最小化的 GitHub 仓库。7 天内未跟进的 issue 将会被自动关闭。

@afc163 afc163 added the 🤔 Need Reproduce We cannot reproduce your problem label Oct 20, 2020
@jayguojianhai
Copy link
Author

现在有了

@jayguojianhai jayguojianhai changed the title select mode=multiple 时候open=false 不能宣总select 也无法触发onSearch事件。 select mode=multiple 时候open=false 不能选中select 也无法触发onSearch事件。 Oct 20, 2020
@jayguojianhai jayguojianhai changed the title select mode=multiple 时候open=false 不能选中select 也无法触发onSearch事件。 select mode=multiple 时候open=false 不能输入文字 也无法触发onSearch事件。 Oct 20, 2020
@jayguojianhai
Copy link
Author

@afc163 能帮忙看看吗 项目比较急

@afc163
Copy link
Member

afc163 commented Oct 21, 2020

Need reproduce.

image

@jayguojianhai
Copy link
Author

为啥我点进去有的呀。。

@jayguojianhai
Copy link
Author

import React from "react";
import "./styles.css";
import "antd/dist/antd.css";
import { Select } from "antd";

const { Option } = Select;

const children = [];
for (let i = 0; i < 100; i++) {
children.push(<Option key={i.toString(36) + i}>{i.toString(36) + i});
}

function handleChange(value) {
console.log(selected ${value});
}
export default function App() {
return (


<Select
mode="multiple"
open={false}
style={{ width: "100%" }}
placeholder="Please select"
defaultValue={[]}
onChange={handleChange}
>
{children}


);
}

@jayguojianhai
Copy link
Author

@afc163 代码我贴上来了 很简单的一个demo

@ant-design-bot
Copy link
Contributor

This issue is closed because it has been marked as Need Reproduce, but has not had recent activity.
If you can provide a reproduce, feel free to ping anyone of our maintainers to reopen this issue.
Thank you for your contributions.

@jayguojianhai
Copy link
Author

@jayguojianhai
Copy link
Author

@afc163 我重新搞了一个连接 你看看可以吗?

@yoyo837
Copy link
Contributor

yoyo837 commented Oct 29, 2020

好像有印象有类似的issue,暂时没找到,先给你打开

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

4 participants