Как реализовать такое открывание небольшой панели что бы при нажатии

Question

Как реализовать такое открывание небольшой панели что бы при нажатии

на любое другое место кроме него оно закрывалось ?
хотелось обойтись БЕЗ прямого назначения родителю onClick. потому что родитель- базовое окно всего сайта
пробовал через ref назначать eventListener родителю на закрытие панели а самой панели назначить onClick что бы он stopPropagation делал и не позволял событию дойти до родителя, но минус в том что дефолтные браузерные события срабатывают ДО обработчиков реакта и , таким образом, родитель получает клик первым .
как реализовать такое ?
вот кодСандБокс где видно что стандартные события срабатывают ДО Реактовых
https://codesandbox.io/s/eventsproblem-rwqf3f?file=/src/App.js

#frontend #javascript #programming #react.js #russian

0

19.07.2023