updated trigger event

js-dev/icd-autocomplete.js

@@ -20,7 +20,10 @@
             window.Def.Autocompleter.Event.observeListSelections(dynID, function() {
                 let autocomp = elem.autocomp, acData = autocomp.getSelectedItemData();
                 codeElem.val(acData[0].code).trigger('change');
+                codeElem[0].dispatchEvent(new Event('input', { bubbles: true })); // trigger native input update
+
                 descElem.val(acData[0].data['name']).attr('title', acData[0].data['name']).trigger('change');
+                descElem[0].dispatchEvent(new Event('input', { bubbles: true })); // trigger native input update
                 return false;
             });
             $(elem).attr('ac-initialized', 1);

public/js/icd-autocomplete.js

@@ -20,7 +20,10 @@
             window.Def.Autocompleter.Event.observeListSelections(dynID, function() {
                 let autocomp = elem.autocomp, acData = autocomp.getSelectedItemData();
                 codeElem.val(acData[0].code).trigger('change');
+                codeElem[0].dispatchEvent(new Event('input', { bubbles: true })); // trigger native input update
+
                 descElem.val(acData[0].data['name']).attr('title', acData[0].data['name']).trigger('change');
+                descElem[0].dispatchEvent(new Event('input', { bubbles: true })); // trigger native input update
                 return false;
             });
             $(elem).attr('ac-initialized', 1);

resources/views/app/patient/partials/put-rm-reasons.blade.php

@@ -47,18 +47,18 @@ if($recordType === 'NOTE'){
 					<tr>
 						<th class="border-bottom-0">ICD</th>
 						<th class="border-bottom-0">Description</th>
-						<th class="border-bottom-0" v-if="fields.length > 1"></th>
+						<th class="border-bottom-0"></th>
 					</tr>
 				</thead>
 				<tbody>
 					<tr v-for="(fl,ind) in fields">
 						<td>
-							<input type="text" required class="icd-input" @keyup="checkDescription(fl)" icd-autocomplete-code :name="'reasonIcd'+(ind+1)" :data-target="'input[name=reasonIcd'+(ind+1)+'Description]'" v-model="fl.reason" :placeholder="'ICD '+(ind+1)" />
+							<input type="text" required class="icd-input" @change="checkDescription(fl)" icd-autocomplete-code :name="'reasonIcd'+(ind+1)" :data-target="'input[name=reasonIcd'+(ind+1)+'Description]'" v-model="fl.reason" :placeholder="'ICD '+(ind+1)" />
 						</td>
 						<td>
 							<input type="text" class="form-control form-control-sm" icd-autocomplete-description :name="'reasonIcd'+(ind+1)+'Description'" v-model="fl.description">
 						</td>
-						<td v-if="fields.length > 1"><a href="javascript:;" @click.prevent="removeICDCode(fl)" class="text-danger"><i class="fas fa-times-circle"></i></a></td>
+						<td><a href="javascript:;" @click.prevent="removeICDCode(fl)" class="text-danger"><i class="fas fa-times-circle"></i></a></td>
 					</tr>
 					<tr v-if="fields.length < 4">
 						<td colspan="3">