From 5e9d46b89885e731a810096df761f95c34ffa119 Mon Sep 17 00:00:00 2001
From: "afiq.hamzah" <afiq.hamzah@pkb.net.my>
Date: Mon, 6 Mar 2023 11:03:08 +0800
Subject: [PATCH] Fix flickering select2 when selecting daerah in mykad reader
 modal

---
 public/js/postcode-concerns.js            | 5 ++++-
 resources/views/customers/index.blade.php | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/public/js/postcode-concerns.js b/public/js/postcode-concerns.js
index 5a7a236..6ad4ae5 100644
--- a/public/js/postcode-concerns.js
+++ b/public/js/postcode-concerns.js
@@ -154,10 +154,13 @@ $('#daftar_pelanggan_mykad_reader textarea#alamat').change(function(){
 
     // Handle stubborn select2
     let isSelect2exist = modal.querySelector('span.select2');
+
     if(isSelect2exist){
        modal.querySelector('span.select2')
             .querySelector('span.select2-selection__rendered')
-            .remove();
+            .textContent = '';
+
+       $(select_daerah).select2('destroy');
     }
 
     select_daerah.value = ''
diff --git a/resources/views/customers/index.blade.php b/resources/views/customers/index.blade.php
index dff06b1..ab1b2ac 100644
--- a/resources/views/customers/index.blade.php
+++ b/resources/views/customers/index.blade.php
@@ -273,7 +273,7 @@
                                             <div class="col-md-4">Alamat</div>
                                             <div class="col-md-8"><textarea class="form-control" style="resize:none" name="alamat" id="alamat" cols="30" rows="3" placeholder="Alamat Pelanggan"></textarea></div>
                                             <div class="col-md-4">Poskod</div>
-                                            <div class="col-md-8"><input class="form-control" type="text" name="poskod" id="poskod" autocomplete="off" placeholder="Poskod"></div>
+                                            <div class="col-md-8"><input class="form-control" type="text" name="poskod" id="poskod" autocomplete="off" placeholder="Poskod" readonly></div>
                                             <div class="col-md-4">Daerah</div>
                                             <div class="col-md-8">
                                                 <input class="form-control" type="text" name="daerah" id="daerah" autocomplete="off" readonly required>