Home > widget-integration > FilterController > removeUIAnimation

FilterController.removeUIAnimation() method

Removes CSS animation classes from elements to enable proper positioning. Strips 'animate--slide-in' and 'animation--fade-in' classes that may interfere with fixed positioning or filter functionality.

This method is necessary because some themes apply animation classes that can cause layout issues with fixed-position filter elements or sticky behaviors.

Signature:

removeUIAnimation(): void;

Returns:

void

Remarks

Called during core UI setup to ensure filter elements can be properly positioned without interference from theme animation classes. Particularly important for sticky filter trees and fixed-position UI elements.

Example

Override to remove additional animation classes:

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

      // Remove custom theme animations
      const customAnimations = this.document.querySelectorAll('.theme-fade, .theme-slide');
      customAnimations.forEach(ele => {
        ele.classList.remove('theme-fade', 'theme-slide');
      });
    }
  };
});