feat(@dpc-sdp/ripple-tide-search): hide sidebar filters initially to avoid closing animation on load

lambry · lambry · commit 08a4d13fe7f1 · 2025-01-07T11:34:50.000+11:00
diff --git a/packages/ripple-tide-search/components/TideSearchListingPage.vue b/packages/ripple-tide-search/components/TideSearchListingPage.vue
@@ -366,7 +366,7 @@ watch(
 onMounted(() => {
   if (props.searchListingConfig?.filtersInSidebar) {
     filtersExpanded.value = isMobile.value ? false : true
-    sidebarFiltersMobileClass.value = 'visible'
+    nextTick(() => (sidebarFiltersMobileClass.value = 'visible'))
   }
 })
 </script>

Original file line number	Diff line number	Diff line change
`@@ -366,7 +366,7 @@ watch(`
`366`	`366`	`onMounted(() => {`
`367`	`367`	`if (props.searchListingConfig?.filtersInSidebar) {`
`368`	`368`	`filtersExpanded.value = isMobile.value ? false : true`
`369`		`- sidebarFiltersMobileClass.value = 'visible'`
	`369`	`+ nextTick(() => (sidebarFiltersMobileClass.value = 'visible'))`
`370`	`370`	`}`
`371`	`371`	`})`
`372`	`372`	`</script>`