json-rules-filter 1.0.16 → 1.0.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "json-rules-filter",
-  "version": "1.0.16",
+  "version": "1.0.18",
   "description": "para crear reglas avanzadas de filtrado sobre datasets JSON de forma dinámica y visual.",
   "main": "src/jquery.jsonRulesFilter.js",
   "scripts": {

package/src/jquery.jsonRulesFilter.js

@@ -156,6 +156,13 @@
                                 </div>
                             </div>`;
                     this.$contenedor.append(template);
+                },
+
+                // Event delegation and listeners
+                bindEvents: function () {
+                    const self = this;
+
+                    //Dropdown events
                     const $dropdown = this.$contenedor.find('.dropdown-toggle');
 
                     if (this.settings.bsVersion === 4) {
@@ -172,21 +179,20 @@
                             }
                         });
 
+                        //Dropdown
                         $dropdown.on('click', function (e) {
+                            e.preventDefault();
                             e.stopPropagation();
+                            const $conatiner_dropdown = $(this).parent().find('.dropdown-rules-columns');
+                            $(this).dropdown($conatiner_dropdown.hasClass('show') ? "hide" : "show");
                         });
-
                     }
-                },
-
-                // Event delegation and listeners
-                bindEvents: function () {
-                    const self = this;
 
                     // Add new rule row
                     this.$contenedor.find(".dropdown-rules-item").on("click", function (e) {
                         e.preventDefault();
                         self.addRuleRow($(this).data("column-type"), $(this).data("column-data"), $(this).data("column-name"));
+                        $dropdown.dropdown("hide");
                     });
 
                     // Clear all rules
@@ -258,6 +264,7 @@
 
                     $select.select2({
                         width: '100%',
+                        dropdownParent: this.$contenedor, // Parent render
                         escapeMarkup: function (markup) { return markup; }, // Allow HTML rendering in badges
                         templateSelection: render,
                         templateResult: render,