-
-
Notifications
You must be signed in to change notification settings - Fork 49.7k
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
RangePicker the triangle sign was not positioned correctly in some cases #51071
Comments
Start a new pull request in StackBlitz Codeflow. |
The search results did not directly point to the specific code responsible for the triangle sign's positioning in the DatePicker component. However, based on the issue description and the typical structure of Ant Design components, the problem might be related to the CSS styling of the DatePicker component. Let's propose a potential fix by adjusting the CSS to ensure the triangle sign is correctly positioned. We can add a CSS rule to handle the Here is a proposed CSS modification: /* Add this CSS rule to ensure the triangle sign is correctly positioned */
.ant-picker-dropdown {
.ant-picker-range-arrow {
right: auto;
left: 50%;
transform: translateX(-50%);
}
} This CSS rule targets the dropdown of the DatePicker component and ensures that the triangle sign is centered horizontally when the DatePicker is used in a Please add this CSS rule to your project's stylesheet and see if it resolves the issue. If the problem persists, further investigation into the component's implementation might be necessary. For further assistance, please describe your question in the comments and @petercat-assistant to start a conversation with me. |
Hello @HaceraI. 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. We appreciate your effort in advance and looking forward to your contribution! 你好 @HaceraI,我们完全同意你的提议/反馈,欢迎直接在此仓库 创建一个 Pull Request 来解决这个问题。请将 Pull Request 发到正确的分支(新特性发到 feature 分支,其他发到 master 分支),务必填写 Pull Request 内的预设模板,提供改动所需相应的 changelog、TypeScript 定义、测试用例、文档等,并确保 CI 通过,我们会尽快进行 Review,提前感谢和期待您的贡献。 |
https://github.com/react-component/picker/blob/281bf3799b70838296b553632d885fc3b38ce1ca/src/PickerInput/Popup/index.tsx#L217 |
Reproduction link
Steps to reproduce
click any RangePicker component
What is expected?
the triangle mark should be in the correct position
What is actually happening?
the triangle sign always seems to be on the left
To reproduce, I changed the demo to a
flex-end
layout. Normally, when a search form is used and thedatepicker
component is the last element in a rowThe text was updated successfully, but these errors were encountered: