Fix admin menu icon picker modal (BS5 regression) (#11787)

src/OrchardCore.Modules/OrchardCore.AdminMenu/Assets/js/AdminNodeIconPicker.js

@@ -6,7 +6,8 @@ var iconPickerVue = new Vue({
     el: '#iconPickerVue',
     data: {
         targetInputField: '',
-        targetIconTag: ''
+        targetIconTag: '',
+        iconPickerModal: null,
     },
     mounted: function () {
         var self = this;
@@ -32,12 +33,10 @@ var iconPickerVue = new Vue({
                 $('#' + self.targetIconTag).replaceWith('<i id="' + self.targetIconTag + '" class="'+ selected + '"></i>')                
             }
 
-            var iconPickerModal = new bootstrap.Modal($("#iconPickerModal"), {
-                backdrop: 'static',
-                keyboard: false
-            });
-
-            iconPickerModal.show();
+            if (self.iconPickerModal != null)
+            {
+                self.iconPickerModal.hide();
+            }
         });
 
     },
@@ -46,12 +45,14 @@ var iconPickerVue = new Vue({
             this.targetInputField = targetInputField;
             this.targetIconTag = targetIconTag;
 
-            var iconPickerModal = new bootstrap.Modal($("#iconPickerModal"), {
-                backdrop: 'static',
-                keyboard: false
-            });
+            if (this.iconPickerModal == null)
+            {
+                this.iconPickerModal = new bootstrap.Modal($("#iconPickerModal"), {
+                    keyboard: false
+                });
+            }
 
-            iconPickerModal.show();
+            this.iconPickerModal.show();
         }
     }
-})
+})