Home > widget-integration > FilterController > setupOutSideClickEvent

FilterController.setupOutSideClickEvent() method

Sets up global click event listeners to handle clicks outside filter components. Manages closing behaviors for dropdowns, filter options, and popups when clicking outside.

Handles: - Closing horizontal filter options when clicking outside - Closing sort dropdowns - Closing limit list dropdowns - Closing mini popups

Signature:

setupOutSideClickEvent(): Promise<void>;

Returns:

Promise<void>

Remarks

This method uses event delegation on the document level to efficiently handle outside clicks for multiple filter components. For horizontal filters, it applies pending selections or closes the option when clicking outside.

Example

Override to add custom outside click behavior:

window.boostWidgetIntegration.extend('FilterController', (FilterController) => {
  return class CustomFilterController extends FilterController {
    async setupOutSideClickEvent() {
      await super.setupOutSideClickEvent();

      // Add custom outside click handler for custom components
      document.addEventListener('click', (e) => {
        if (!e.target.closest('.custom-filter-modal')) {
          this.closeCustomModal();
        }
      });
    }
  };
});