fix for originalValue not resetting if table rows change and components are not keyed or mounted/unmounted

Author: webdevnerdstuff

src/plugin/components/VInlineAutocomplete/VInlineAutocomplete.vue

@@ -37,6 +37,7 @@
 				:to="cardFieldRef"
 			>
 				<v-autocomplete
+					v-if="showField || settings.fieldOnly"
 					v-bind="bindingSettings"
 					v-model="modelValue"
 					:autofocus="!settings.fieldOnly || settings.autofocus"
@@ -201,7 +202,7 @@ const error = ref<boolean>(false);
 const items = ref();
 const showField = ref<boolean>(false);
 const timeOpened = ref<TimeOpened>(null);
-let originalValue = modelValue.value;
+let originalValue = null;
 
 
 // ------------------------------------------------ Loading //
@@ -226,11 +227,11 @@ const theClearIcon = computed(() => {
 const displayValue = computed(() => {
 	if (modelValue.value && modelValue.value[settings.itemTitle as string]) {
 		setEmptyValue(false);
-
 		return modelValue.value[settings.itemTitle as string];
 	}
 
 	if (modelValue.value) {
+		setEmptyValue(false);
 		return modelValue.value;
 	}
 
@@ -367,6 +368,8 @@ function toggleField() {
 	if (closeSiblingsBus !== null && closeSiblings.value && showField.value && !settings.fieldOnly) {
 		closeSiblingsBus.emit(response.timeOpened);
 	}
+
+	originalValue = modelValue.value;
 }
 
 

src/plugin/components/VInlineSelect/VInlineSelect.vue

@@ -201,7 +201,7 @@ const error = ref<boolean>(false);
 const items = ref();
 const showField = ref<boolean>(false);
 const timeOpened = ref<TimeOpened>(null);
-let originalValue = modelValue.value;
+let originalValue = null;
 
 
 // ------------------------------------------------ Loading //
@@ -226,11 +226,11 @@ const theClearIcon = computed(() => {
 const displayValue = computed(() => {
 	if (modelValue.value && modelValue.value[settings.itemTitle as string]) {
 		setEmptyValue(false);
-
 		return modelValue.value[settings.itemTitle as string];
 	}
 
 	if (modelValue.value) {
+		setEmptyValue(false);
 		return modelValue.value;
 	}
 
@@ -367,6 +367,8 @@ function toggleField() {
 	if (closeSiblingsBus !== null && closeSiblings.value && showField.value && !settings.fieldOnly) {
 		closeSiblingsBus.emit(response.timeOpened);
 	}
+
+	originalValue = modelValue.value;
 }
 
 

src/plugin/components/VInlineTextField/VInlineTextField.vue

@@ -194,7 +194,7 @@ const empty = ref<boolean>(false);
 const error = ref<boolean>(false);
 const showField = ref<boolean>(false);
 const timeOpened = ref<TimeOpened>(null);
-let originalValue = modelValue.value;
+let originalValue = null;
 
 
 // ------------------------------------------------ Loading //
@@ -358,6 +358,8 @@ function toggleField() {
 	if (closeSiblingsBus !== null && closeSiblings.value && showField.value && !settings.fieldOnly) {
 		closeSiblingsBus.emit(response.timeOpened);
 	}
+
+	originalValue = modelValue.value;
 }
 
 
@@ -434,5 +436,4 @@ onUnmounted(() => {
 });
 </script>
 
-<style lang="scss" scoped>
-</style>
+<style lang="scss" scoped></style>

src/plugin/components/VInlineTextarea/VInlineTextarea.vue

@@ -195,7 +195,7 @@ const empty = ref<boolean>(false);
 const error = ref<boolean>(false);
 const showField = ref<boolean>(false);
 const timeOpened = ref<TimeOpened>(null);
-let originalValue = modelValue.value;
+let originalValue = null;
 
 
 // ------------------------------------------------ Loading //
@@ -358,6 +358,8 @@ function toggleField() {
 	if (closeSiblingsBus !== null && closeSiblings.value && showField.value && !settings.fieldOnly) {
 		closeSiblingsBus.emit(response.timeOpened);
 	}
+
+	originalValue = modelValue.value;
 }
 
 
@@ -430,5 +432,4 @@ onUnmounted(() => {
 });
 </script>
 
-<style lang="scss" scoped>
-</style>
+<style lang="scss" scoped></style>