|
@@ -1535,7 +1535,9 @@ export default {
|
|
this.highlightRow(newItemIndex);
|
|
this.highlightRow(newItemIndex);
|
|
},
|
|
},
|
|
highlightRow(itemIndex) {
|
|
highlightRow(itemIndex) {
|
|
- const rowElement = this.$refs[`row-${itemIndex}`];
|
|
|
|
|
|
+ const rowElement = this.$refs[`row-${itemIndex}`]
|
|
|
|
+ ? this.$refs[`row-${itemIndex}`][0]
|
|
|
|
+ : null;
|
|
// Set the last clicked item to no longer be highlighted, if it exists
|
|
// Set the last clicked item to no longer be highlighted, if it exists
|
|
if (this.lastSelectedItemIndex >= 0)
|
|
if (this.lastSelectedItemIndex >= 0)
|
|
this.rows[this.lastSelectedItemIndex].highlighted = false;
|
|
this.rows[this.lastSelectedItemIndex].highlighted = false;
|
|
@@ -1547,7 +1549,9 @@ export default {
|
|
this.rows[itemIndex].highlighted = true;
|
|
this.rows[itemIndex].highlighted = true;
|
|
},
|
|
},
|
|
unhighlightRow(itemIndex) {
|
|
unhighlightRow(itemIndex) {
|
|
- const rowElement = this.$refs[`row-${itemIndex}`];
|
|
|
|
|
|
+ const rowElement = this.$refs[`row-${itemIndex}`]
|
|
|
|
+ ? this.$refs[`row-${itemIndex}`][0]
|
|
|
|
+ : null;
|
|
if (rowElement)
|
|
if (rowElement)
|
|
this.$nextTick(() => {
|
|
this.$nextTick(() => {
|
|
rowElement.blur();
|
|
rowElement.blur();
|