Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
renderExtraFooter breaks input elements
See original GitHub issue- I have searched the issues of this repository and believe that this is not a duplicate.
Reproduction link
Steps to reproduce
Put an <input /> inside a renderExtraFooter of a DatePicker or a RangePicker. Open a picker and try to focus the input and write something
What is expected?
Input is responsive (you can type there)
What is actually happening?
Input not responsive.
| Environment | Info |
|---|---|
| antd | 4.16.3 |
| React | 16.14.0 |
| System | MacOS |
| Browser | Chrome |
If you right-click on the input you can focus on it and type, but you can’t unfocus.
Issue Analytics
- State:
- Created 2 years ago
- Comments:7 (4 by maintainers)
Top Results From Across the Web
Antd DatePicker: Input in extra footer can't change, select or ...
Now, I use prop renderExtraFooter to add custom footer. My input time in footer is other lib (react-datepicker). My problem is here.
Read more >Change Log - Ant Design
#18401. Fixed an issue where Input.Password ref could not get the input element and had no focus and blur method. #18441. Fix Upload...
Read more >antd/CHANGELOG.en-US.md - UNPKG
List nest multiple level Form.Item support `preserve` prop. [#29267](https://github.com/ant-design/ant-design/pull/29267).
Read more >Change Log - Ant Design
Fix the issue that the Drawer will trigger form submit. ... Refactor Modal animation code so that it will remove all dom element...
Read more >ant-design: date/time pickers renderExtraFooter(mode) test
ant-design: date/time pickers renderExtraFooter(mode) test. 0. Embed Fork Create Sandbox Sign in. Sandbox Info. ant-design: date/time pickers ...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
In that case you can try
renderExtraFooter={<div onMouseDown={e => e.stopPropagation()}><input /></div>}for focus thing.@afc163 I can control the visibility of the panel myself with
openproperty, it shouldn’t disappear in this case.