-
-
Notifications
You must be signed in to change notification settings - Fork 1.4k
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
[DataGridPro] can't use TextField in header #3599
Comments
I think this bug was introduced in this PR #3275, but not sure |
Well done @igor-serzhan Before it was applied to navigation keys, to prevent the page to scroll when pressing an arrow key. Now it is applied to every key, preventing the input text to be filled |
may be this one would help you last 3 comment |
@mnavoizat If you need a quick fix, you can stop the propagation of the keyDown event |
I also face the same problem here The problem might come from the controlled components (the If my statement above is true, this I have tried to add |
@jaballogian Your problem is not related to this issue. The solution 2 provided in the StackOverflow link you provided would solve your problem |
hello @alexfauquette |
@jaballogian You can make your input controllable by defining it outside of its parent as explained in your StackOverflow link. See the email filter input : https://codesandbox.io/s/stackoverflow-mui-data-grid-render-header-forked-jbkgt?file=/src/App.jsx |
wow great, you're right about defining the controlled components outside of its parent |
This one feels like a regression, I recall we worked on this problem with @DanailH in the past https://github.com/mui-org/material-ui-x/pulls?q=is%3Apr+author%3ADanailH+is%3Aclosed+input |
@alexfauquette I knew I had already seen something on this problem. A duplicate of #1915? |
Duplicates
Latest version
Current behavior 😯
In case you customize the DataGrid header with renderHeader and render a TextField, the TextField does not work, it is impossible to change its value.
Expected behavior 🤔
It should be possible to change TextField value.
Steps to reproduce 🕹
Repro: link to code sandbox
Steps:
Context 🔦
I need custom TextFields in the header to perform a custom filtering.
Your environment 🌎
see code sandbox
Order ID 💳 (optional)
34462
The text was updated successfully, but these errors were encountered: