Merge pull request #1811 from HuanFengYeh/fix-multiselect-hierarchical-menu-resize-visibility

Fix Hierarchical Menu disappear after resizing

Author: Mephistic

components/search/HierarchicalMenuWidget.tsx

@@ -171,7 +171,7 @@ export const connectMultiselectHierarchicalMenu: MultiselectHierarchicalMenuConn
           }
         },
         init(initOptions) {
-          const { helper, instantSearchInstance } = initOptions
+          const { helper } = initOptions
           attributes.forEach(attr => {
             if (!helper.state.disjunctiveFacets.includes(attr)) {
               helper.setQueryParameter("disjunctiveFacets", [
@@ -180,8 +180,7 @@ export const connectMultiselectHierarchicalMenu: MultiselectHierarchicalMenuConn
               ])
             }
           })
-          helper.search()
-
+          const { instantSearchInstance } = initOptions
           renderFn(
             {
               ...this.getWidgetRenderState(initOptions),
@@ -311,18 +310,14 @@ const MultiselectHierarchicalMenuItem = ({
 
   const onButtonClick = useCallback(() => {
     if (isOpen) {
-      const currentLevel = levels[index]
-      const subLevel = levels[index + 1]
-      if (item.isRefined) {
-        currentLevel.refine(item.name)
-      }
-      if (subLevel) {
-        subLevel.items
-          .filter(
-            subItem => subItem.name.startsWith(item.name) && subItem.isRefined
-          )
-          .forEach(subItem => subLevel.refine(subItem.name))
-      }
+      // Clear all refinements
+      levels.forEach(level => {
+        level.items.forEach(subItem => {
+          if (subItem.isRefined) {
+            level.refine(subItem.name)
+          }
+        })
+      })
     }
     setIsOpen(!isOpen)
   }, [isOpen, levels])
@@ -395,10 +390,7 @@ const MultiselectHierarchicalMenuItem = ({
           {item.label}
         </span>
         {!hasSubLevel && ( // Only render count if it's child
-          <span
-            className={`ais-MultiselectHierarchicalMenu-count--child
-            }`}
-          >
+          <span className={`ais-MultiselectHierarchicalMenu-count--child`}>
             {item.count}
           </span>
         )}

components/search/common.tsx

@@ -44,7 +44,8 @@ export function VirtualFilters({ type }: { type: "bill" | "testimony" }) {
           "city",
           "primarySponsor",
           "cosponsors",
-          "topics.lvl1"
+          "topics.lvl1",
+          "topics.lvl0"
         ]
 
   return (