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

a-select 使用中文输入法输入英文显示不全 #1458

Closed
1 task
15822115472 opened this issue Nov 22, 2019 · 5 comments
Closed
1 task

a-select 使用中文输入法输入英文显示不全 #1458

15822115472 opened this issue Nov 22, 2019 · 5 comments

Comments

@15822115472
Copy link

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

Version

1.4.6

Environment

windows10 Google Chrome 版本 76.0.3809.132 vue3

Reproduction link

https://github.com/15822115472/wp.git

Steps to reproduce

测试搜索框 {{ d.text }}
<script> // import jsonp from 'fetch-jsonp';

export default {
data() {
this.lastFetchId = 0;
// this.fetchUser = debounce(this.fetchUser, 800);
return {
data: [],
value: [],
fetching: false
};
},
methods: {
inputKeydownData(val) {
console.log(val);
},
fetchUser(value) {
console.log("fetching user", value);
this.lastFetchId = 1;
const fetchId = this.lastFetchId;
this.data = [];
this.fetching = true;
fetch("https://randomuser.me/api/?results=5")
.then(response => response.json())
.then(body => {
if (fetchId !== this.lastFetchId) {
// for fetch callback order
return;
}
const data = body.results.map(user => ({
text: ${user.name.first} ${user.name.last},
value: user.login.username
}));
this.data = data;
this.fetching = false;
});
},
handleChange(value) {
console.log("变化", value);
Object.assign(this, {
value,
data: [],
fetching: false
});
}
},
mounted() {
console.log("测试搜索框");
}
};
</script>

What is expected?

a-select 使用中文输入法输入英文显示和直接使用英文效果一样

What is actually happening?

a-select 使用中文输入法输入英文显示不全


大家好,有一个问题请教一下大家,在ui框架官网上(vue版本),a-select组件中(搜索用户),在使用中文输入法输入的时候会出现问题(输入项显示不全),令人费解的是此bug在本地开发的时候并不会出现,但是在(https://www.antdv.com/components/select-cn/)组件官网上和吗,已经上线的项目(域名访问)上会出现这个bug。
希望得到指导。

@zkwolf
Copy link
Member

zkwolf commented Nov 22, 2019

同时存在中文输入法输入时,placeholder不会消失

@tangjinzhou
Copy link
Member

做了个中文输入没完成前不触发 change 的回调 尴尬😅

@tangjinzhou
Copy link
Member

@15822115472
临时解决方案

.ant-select-selection--multiple .ant-select-search--inline .ant-select-search__field {
  width: 100% !important;
}

@15822115472
Copy link
Author

15822115472 commented Nov 22, 2019 via email

@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 Nov 26, 2020
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

3 participants