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

可搜索的Tree和DatePicker日期选择框的范围选择器IE浏览器中文字下沉问题 #24449

Closed
1 task
HollyHjj opened this issue May 25, 2020 · 2 comments
Labels
help wanted The suggestion or request has been accepted, we need you to help us by sending a pull request. Inactive

Comments

@HollyHjj
Copy link

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

Reproduction link

https://github.com/HollyHjj/Image/blob/master/DataPicker%20pic1.png

Steps to reproduce

在antd 的Table控件的列配置中,用日期选择框实现数据筛选
//

中startTime列的配置描述
const getStartTimeColumnRangeSearchProps = (dataIndex) => ({
//filterDropdown:可以自定义筛选菜单,此函数只负责渲染图层,需要自行编写各种交互
filterDropdown: ({
setSelectedKeys,
selectedKeys,
confirm,
clearFilters,
}) => (


<RangePicker
showTime
onChange={(dates, dateStrings) => {
//设置
中startTime列的的状态
setStartTimeRange((prev) => ({
start: dateStrings[0],
end: dateStrings[1],
}));
//更新onFilter的处理逻辑(必须setSelectedKeys,否则还是原来的onFilter逻辑)
setSelectedKeys(
dateStrings[0] && dateStrings[1]
? [dateStrings[0], dateStrings[1]]
: []
);
}}
/>
<Button
type="primary"
onClick={() => handleColumnSearch(selectedKeys, confirm, dataIndex)}
icon={}
size="small"
>
筛选

<Button
onClick={() => handleColumnReset(clearFilters, dataIndex)}
size="small"
>
重置



),
//filterIcon:自定义 filter 图标
filterIcon: (filtered) => (

<FilterFilled style={{ color: filtered ? "#1890ff" : undefined }} />

),
//onFilter:本地模式下,确定筛选的运行函数
onFilter: (value, record) => {
return (
record[dataIndex] &&
timeDeformat(record[dataIndex]) >= timeDeformat(startTimeRange.start) &&
timeDeformat(record[dataIndex]) <= timeDeformat(startTimeRange.end)
);
},
});

What is expected?

文字正常显示,不要下沉

What is actually happening?

文字下沉,文字下半部分被输入框挡住,显示不全

Environment Info
antd 4.2.0
React react@16.13.1
System win10
Browser IE 11.1217.17763.0

实际的结果图 https://github.com/HollyHjj/Image/blob/master/DataPicker%20pic1.png
https://github.com/HollyHjj/Image/blob/master/TreeSearch%20pic2.png

@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 May 25, 2020
@ant-design-bot
Copy link
Contributor

Hello @HollyHjj. We totally like your proposal/feedback, welcome to send us a Pull Request for it. Please send your Pull Request to proper branch (feature branch for the new feature, master for bugfix and other changes), fill the Pull Request Template here, provide changelog/TypeScript/documentation/test cases if needed and make sure CI passed, we will review it soon. Appreciate it advance and we are looking forward to your contribution!

你好 @HollyHjj, 我们完全同意你的提议/反馈,欢迎直接在此仓库 创建一个 Pull Request 来解决这个问题。请将 Pull Request 发到正确的分支(新特性发到 feature 分支,其他发到 master 分支),务必填写 Pull Request 内的预设模板,提供改动所需相应的 changelog、TypeScript 定义、测试用例、文档等,并确保 CI 通过,我们会尽快进行 Review,提前感谢和期待您的贡献!

giphy

@zombieJ
Copy link
Member

zombieJ commented Feb 20, 2024

Closed since IE is out of latest support version. Sorry for delay.

@zombieJ zombieJ closed this as completed Feb 20, 2024
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
Projects
None yet
Development

No branches or pull requests

4 participants