Why does the onCloseEnd event on an open dropdown menu not work when I close it by opening another similar dropdown menu?

Question

JavaScript

I have many buttons with dropdown menus that are in the task-column container . When I click on the dropdown, the onOpenStart event fires and adds the overflow-visible class to the task-column container , making the overflow value visible in that container. When I close the dropdown menu it removes the overflow-visible class . Everything is simple. But if I click not anywhere on the screen to close the menu, but simply on the next such dropdown menu , just from a different id, then for some reason it does not define this as closing the previous menu and therefore the overflow-visible class is not added. I don't understand why, because the previous menu closes.

jQuery(function ($) {
  $('.dropdown-trigger.card-btn-dropdown.float-right').dropdown({
    onOpenStart: function () {
      $('.task-collumn').addClass("overflow-visible");
      console.log('added overflow');
    },
    onCloseEnd: function () {
    
      $('.task-collumn').removeClass("overflow-visible");
 
      
    }
  });
});

If I click here, that is, anywhere except the next menu button, the menu will close, the onCloseEnd event will fire, and the class will be deleted.

But if I click here, that is, on the next button that opens the dropdown menu, then onCloseEnd from the previous menu simply does not remove the overflow-visible class. onCloseEnd doesn't fire.