hotfix: dropdown wasn't fire callback on select due to select2 gem.

app/assets/javascripts/custom.js

@@ -17,7 +17,7 @@ document.addEventListener('DOMContentLoaded', function() {
         }
 
         var callback = function() {
-            if (hideValues.includes(hideBasedOnElement.value)) {
+            if (hideValues.includes(hideBasedOnElement.getAttribute("title")) ) {
                 divElement.style.display = "none"
             } else {
                 divElement.style.display = ""
@@ -25,6 +25,16 @@ document.addEventListener('DOMContentLoaded', function() {
         }
         // Call the callback at the first time for page load
         callback()
-        hideBasedOnElement.addEventListener("change", callback, false)
-    }
+        // hideBasedOnElement.addEventListener("change", callback, false)
+
+        // Options for the observer (which mutations to observe)
+        var config = { attributes: true, childList: true };
+
+        // Create an observer instance linked to the callback function
+        var observer = new MutationObserver(callback);
+
+        // Start observing the target node for configured mutations
+        observer.observe(hideBasedOnElement, config);
+
+        }
 }, false);

app/views/members/new.html.erb

@@ -3,7 +3,7 @@
   <%= f.input :legalform, collection: Settings.member.legalform.list, 
                         default: Settings.member.legalform.default %>
   <%= f.input :name, :placeholder => "Nom Prénom" %>
-  <div data-hide-based-on-id="member_legalform" data-hide-values="<%= Settings.member.legalform.withoutcorporatename.to_json %>">
+  <div data-hide-based-on-id="select2-member_legalform-container" data-hide-values="<%= Settings.member.legalform.withoutcorporatename.to_json %>">
     <%= f.input :corporatename, :placeholder => "Amicale pour le schtroumpf"%>
   </div>
   <%= f.input :address, :placeholder => "23 rue des Jambons" %>