fix: pure render should also check latest popup element (#640)

Author: zombieJ

src/generate.tsx

@@ -683,7 +683,7 @@ export default function generateSelector<
     }
 
     useSelectTriggerControl(
-      [containerRef.current, triggerRef.current && triggerRef.current.getPopupElement()],
+      () => [containerRef.current, triggerRef.current?.getPopupElement()],
       triggerOpen,
       onToggleOpen,
     );
@@ -897,8 +897,7 @@ export default function generateSelector<
 
     const onInternalMouseDown: React.MouseEventHandler<HTMLDivElement> = (event, ...restArgs) => {
       const { target } = event;
-      const popupElement: HTMLDivElement =
-        triggerRef.current && triggerRef.current.getPopupElement();
+      const popupElement: HTMLDivElement = triggerRef.current?.getPopupElement();
 
       // We should give focus back to selector if clicked item is not focusable
       if (popupElement && popupElement.contains(target as HTMLElement)) {

src/hooks/useSelectTriggerControl.ts

@@ -1,13 +1,12 @@
 import * as React from 'react';
 
 export default function useSelectTriggerControl(
-  elements: (HTMLElement | undefined)[],
+  elements: () => (HTMLElement | undefined)[],
   open: boolean,
   triggerOpen: (open: boolean) => void,
 ) {
   const propsRef = React.useRef(null);
   propsRef.current = {
-    elements: elements.filter(e => e),
     open,
     triggerOpen,
   };
@@ -22,7 +21,9 @@ export default function useSelectTriggerControl(
 
       if (
         propsRef.current.open &&
-        propsRef.current.elements.every(element => !element.contains(target) && element !== target)
+        elements()
+          .filter((element) => element)
+          .every((element) => !element.contains(target) && element !== target)
       ) {
         // Should trigger close
         propsRef.current.triggerOpen(false);