Safari 브라우저에서 title 속성을 적용하지 않았음에도 text-overflow: ellipsis가 적용되면 tooltip이 보이는 현상

엘리먼트에 title 속성을 적용하고 해당 엘리먼트 영역에 마우스를 일정시간 hover할 경우 title 속성값이 툴팁으로 나타난다.
보통 텍스트가 길 경우 말줄임(ellipsis) 처리를 하고, 이 때 FullText를 보기 위하여 title을 사용한다.

하지만 safari의 경우 title 속성을 적용하지 않았음에도 말줄임 처리가 적용되었다면 tooltip이 나타난다. 이는 브라우저의 기본 기능이기 때문에 필요에 따라 해당 tooltip을 보이지 않도록 해야 하는 경우가 있다.
내가 개발하는 서비스에서는 title을 활용하지 않고 아닌 별도의 tooltip을 제공하고 있었기 때문에 이를 보이지 않도록 아래와 같이 작업하여 브라우저 기본 tooltip을 제거하였다.

 TargetElement {
    &:before {
      content: '';
      display: block;
    }
  }