How to make the event not fire when hovering over Popover?

Question

JavaScript

Hello! There is a component https://codepen.io/EugeneKarmyshkov/project/editor... , I can’t figure out how to make the onMouseLeave event not fire when hovering over Popover. MB can I add some condition to the handleCloseMenu?

Answer 1

You can farm something like such a check, we look, if there is a popover in the target, then we do not close the window

const handleCloseMenu = () => {
      if (!event.target?.className.includes("your_PopOver_classname or part_of_classname")) {
     setAnchorEl(null);
      }
    }
  };