Verified Commit 0466b818 authored by Lauri Timmanee's avatar Lauri Timmanee
Browse files

Issue #3225621 by sagarchauhan, andy-blum, marcusvsouza, kostyashupenko,... 

Issue #3225621 by sagarchauhan, andy-blum, marcusvsouza, kostyashupenko, alextran, yogeshmpawar, lauriii, nod_, Chi, adelansari: Use media query event listener instead of a listener on the resize event
parent 6148f314

core/themes/claro/js/nav-tabs.js

+5 −6
Original line number Diff line number Diff line
@@ -39,8 +39,8 @@ 
      }

    };



    const toggleCollapsed = () => {

      if (window.matchMedia('(min-width: 48em)').matches) {

    const toggleCollapsed = ({ matches }) => {

      if (matches) {

        if ($tab.hasClass('is-horizontal') && !$tab.attr('data-width')) {

          let width = 0;
@@ -68,10 +68,9 @@ 
    });



    $tab.on('click.tabs', '[data-drupal-nav-tabs-trigger]', openMenu);

    $(window)

      // @todo use a media query event listener https://www.drupal.org/project/drupal/issues/3225621

      .on('resize.tabs', Drupal.debounce(toggleCollapsed, 150))

      .trigger('resize.tabs');

    const mql = window.matchMedia('(min-width: 48em)');

    mql.addEventListener('change', toggleCollapsed);

    toggleCollapsed(mql);

  }

  /**

   * Initialize the tabs JS.