question-mark
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.

Text field in data table loses focus

See original GitHub issue

Steps 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

https://jsfiddle.net/okgbzo4s/1/

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:1
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
numfincommented, Aug 9, 2017

same shit. annoying af

0reactions
lock[bot]commented, Apr 16, 2019

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

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found