Как сделать чтобы событие не срабатывало при наведении на Popover?

Question

[karmyskove]

Здравствуйте! Есть компонент https://codepen.io/EugeneKarmyshkov/project/editor..., никак не могу понять как можно сделать чтобы событие onMouseLeave не срабатывало при наведении на Popover. Мб можно добавить какое-нибудь условие в handleCloseMenu?

Answer 1

[ParaBellum577]

Можно заколхозить что-то по типу такой проверки, смотрим, если в таргете поповер, то не закрываем окно

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

Comments

[karmyskove]

Не сработает, мб можно как то скрыть все popover's кроме активного? Тогда с MenuItem мб убрать событие onMouseLeave