Text field in data table loses focus
See original GitHub issueSteps to reproduce
Versions
Vue 2.3.4 Vuetify 0.14.8 macOS Sierra 10.12.6 Chrome 60
What is expected ?
That text fields in data tables can be edited, without them losing focus after every keypress.
What is actually happening ?
They are losing focus after every key press. It seems that the whole items
-slot of the data table is re-rendered after every key press. I first thought this was caused by the text field using the props
variable in its v-model
(the first text field in the JSFiddle). I therefore tried to avoid using the props
variable (second text field in the JSFiddle) or use a completely different variable for the v-model
of the text field (the last two text fields in the JSFiddle), but that also doesn’t help.
Reproduction Link
Issue Analytics
- State:
- Created 6 years ago
- Reactions:1
- Comments:5 (2 by maintainers)
Top Results From Across the Web
React input losing focus in Datatable in functional component
In my Datatable the input loses focus when I type any char in the input and define the componenent inside the component.
Read more >Lose focus on input in a cell · Issue #1346 · TanStack/table
Describe the bug In version 6.9, we lose focus on input fields in cell on keystroke. To Reproduce Go to this sandbox link...
Read more >React Text Input Losing Focus After Each Keypress
React Text Input Losing Focus After Each Keypress. This bug took me a while to figure out, so I thought I would share...
Read more >Search input textbox loses focus in Fixed header ... - DataTables
Search input textbox loses focus in Fixed header datatable and behaves unusally in Internet Explorer. vinaysowdri Posts: 7Questions: 2Answers: 0.
Read more >react input field will loose focus when filtering data-Reactjs
So when your state changes, the Desktop component gets re-initialized, which causes the input to lose focus. I merged both components in one....
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 FreeTop 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
Top GitHub Comments
same shit. annoying af
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs. Please direct any non-bug questions to our Discord