From de09af57b6ed60a190cc8e08da1b92eb97352752 Mon Sep 17 00:00:00 2001
From: mateuswetah <mateus.m.luna@gmail.com>
Date: Fri, 8 Jul 2022 17:36:10 -0300
Subject: [PATCH] Checks window width change on resize to fix mobile filters
 menu appearing every scroll.

---
 .../lists/collections-home-list.vue           |  3 +--
 src/views/admin/pages/lists/items-page.vue    | 19 +++++++++++++------
 .../theme-search/theme-items-page.vue         | 17 +++++++++++++----
 3 files changed, 27 insertions(+), 12 deletions(-)

diff --git a/src/views/admin/components/lists/collections-home-list.vue b/src/views/admin/components/lists/collections-home-list.vue
index 2f037a2fb..295b83938 100644
--- a/src/views/admin/components/lists/collections-home-list.vue
+++ b/src/views/admin/components/lists/collections-home-list.vue
@@ -74,9 +74,8 @@
             </li>
         </ul>   
         <ul v-if="collections.length > 0 && !isLoading">
-            <li>
+            <li v-if="$userCaps.hasCapability('tnc_rep_edit_collections')">
                 <router-link
-                        v-if="$userCaps.hasCapability('tnc_rep_edit_collections')"
                         tag="a" 
                         :to="$routerHelper.getNewCollectionPath()"
                         class="tainacan-card new-card">
diff --git a/src/views/admin/pages/lists/items-page.vue b/src/views/admin/pages/lists/items-page.vue
index 9f6f8e3d9..a54944ce5 100644
--- a/src/views/admin/pages/lists/items-page.vue
+++ b/src/views/admin/pages/lists/items-page.vue
@@ -645,7 +645,8 @@
                 hasAnOpenModal: false,
                 hasAnOpenAlert: true,
                 metadataSearchCancel: undefined,
-                isMobileScreen: false
+                isMobileScreen: false,
+                windowWidth: null
             }
         },
         computed: {
@@ -1218,12 +1219,18 @@
             },
             hideFiltersOnMobile: _.debounce( function() {
                 this.$nextTick(() => {
- 
                     if (window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth) {
-                        const previousIsMobile = this.isMobileScreen;
-                        this.isMobileScreen = (window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth) <= 768;
-                        
-                        if ((!previousIsMobile && this.isMobileScreen) || this.openAdvancedSearch) {
+                        const previousMobileScreen = this.isMobileScreen;
+                        const previousWindowWidth = this.windowWidth;
+
+                        this.windowWidth = (window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth);
+                        this.isMobileScreen = this.windowWidth <= 768;
+
+                        if (                                                    // We DO NOT want to open the filters due to this resize event IF:
+                            (!previousMobileScreen && this.isMobileScreen) ||   // We're coming from a non-mobile screen to a mobile screen, or
+                            (previousWindowWidth == this.windowWidth) ||        // The window size didn't changed (the resize event is triggered by scrolls on mobile), or
+                            this.openAdvancedSearch                             // Advanced search is opened
+                        ) {
                             this.isFiltersModalActive = false;
                         } else {
                             this.isFiltersModalActive = true;
diff --git a/src/views/gutenberg-blocks/blocks/faceted-search/theme-search/theme-items-page.vue b/src/views/gutenberg-blocks/blocks/faceted-search/theme-search/theme-items-page.vue
index 67465d8d9..0a9dfcb79 100644
--- a/src/views/gutenberg-blocks/blocks/faceted-search/theme-search/theme-items-page.vue
+++ b/src/views/gutenberg-blocks/blocks/faceted-search/theme-search/theme-items-page.vue
@@ -588,6 +588,7 @@
                 metadataSearchCancel: undefined,
                 latestNonFullscreenViewMode: '',
                 isMobileScreen: false,
+                windowWidth: null,
                 initialItemPosition: null,
                 isFiltersListFixedAtTop: false,
                 isFiltersListFixedAtBottom: false,
@@ -1147,10 +1148,18 @@
             hideFiltersOnMobile: _.debounce( function() {
                 this.$nextTick(() => {
                     if (window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth) {
-                        const previousisMobileScreen = this.isMobileScreen;
-                        this.isMobileScreen = (window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth) <= 768;
-                        
-                        if ((!previousisMobileScreen && this.isMobileScreen) || this.startWithFiltersHidden || this.openAdvancedSearch)
+                        const previousMobileScreen = this.isMobileScreen;
+                        const previousWindowWidth = this.windowWidth;
+
+                        this.windowWidth = (window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth);
+                        this.isMobileScreen = this.windowWidth <= 768;
+
+                        if (                                                    // We DO NOT want to open the filters due to this resize event IF:
+                            (!previousMobileScreen && this.isMobileScreen) ||   // We're coming from a non-mobile screen to a mobile screen, or
+                            (previousWindowWidth == this.windowWidth) ||        // The window size didn't changed (the resize event is triggered by scrolls on mobile), or
+                            this.startWithFiltersHidden ||                      // Filters should begin disabled, or
+                            this.openAdvancedSearch                             // Advanced search is opened
+                        )
                             this.isFiltersModalActive = false;
                         else
                             this.isFiltersModalActive = true;