safari relatedTarget = null 이슈

(구)safari에서는 버튼이 아닌 element를 클릭 시, FocusEvent의 relatedTarget이 null을 갖는다.

  const handleTextEditorBlur = (event: FocusEvent) => {
    const relatedTarget = event.relatedTarget as HTMLElement;
    
    console.log(relatedTarget); // null in safari
  }

 

해결방법

클릭을 받는 element에 tabIndex = 1 을 주면 된다.