From 66efef7f0dab1a6bd63d62fc756a1323cbe3e864 Mon Sep 17 00:00:00 2001
From: Francesco Boccacci <boccacci.francesco@gmail.com>
Date: Mon, 26 Feb 2024 10:51:49 +0100
Subject: [PATCH] Prevent "Uncaught TypeError: n.context[i.value][u] is
 undefined" when adding external WMS Layer (#583)

* Fix check indexItem for select2 directive

* reduce delta

---------

Co-authored-by: Raruto <Raruto@users.noreply.github.com>
---
 src/components/WMSLayersPanel.vue | 2 +-
 src/directives/v-select2.js       | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/WMSLayersPanel.vue b/src/components/WMSLayersPanel.vue
index 6b182f71c..2bb65f60f 100644
--- a/src/components/WMSLayersPanel.vue
+++ b/src/components/WMSLayersPanel.vue
@@ -23,7 +23,7 @@
     </label>
     <select
       id        = "g3w-wms-layers"
-      multiple  = "multiple"
+      :multiple  = "true"
       clear     = "true"
       v-select2 = "'selectedlayers'"
     >
diff --git a/src/directives/v-select2.js b/src/directives/v-select2.js
index a7aee7542..c791b675f 100644
--- a/src/directives/v-select2.js
+++ b/src/directives/v-select2.js
@@ -13,7 +13,9 @@ export default {
       select2_value,
       indexItem, /** @since 3.9.1 */
     } = vnode.data.attrs || {};
-    const isArray = binding.value && Array.isArray(vnode.context[binding.value]); //check if is an array
+    const isArray = binding.value
+      && Array.isArray(vnode.context[binding.value]) // check if is an array
+      && undefined !== indexItem                     // check if indexItem is defined
     $(el)
       .select2({
         width: '100%',
@@ -24,7 +26,9 @@ export default {
       })
       .on('select2:select', (e) => {
         if (binding.value) {
+          //get value
           const value = e.params.data.id;
+          //check is can have multiple value
           if (multiple && (
             (isArray
               ? vnode.context[binding.value][indexItem].value