transform+overflow issue

모바일 웹에서 네이티브 공유 기능에 대한 요청이 와서 정리해둠
URL은 현재 페이지의 주소로 임의 설정 (공란으로 둬도 현재 주소로 설정된다 함)
HTTPS 환경에서만 사용 가능


HTML

<button type="button" id="btnShare">공유하기</button>


Javascript

var btnShare = document.getElementById('btnShare');
btnShare.addEventListener('click', function(){
    var shareTitle = '제목';
    var shareText = '내용';
    var shareURL = window.document.location.href;
    
    if (navigator.share){
        navigator.share({
            title : shareTitle,
            text : shareText,
            url : shareURL,
        })
        .then(() => console.log('공유 성공'))
        .catch((error) => console.log('공유 실패', error));
    }else{
        alert('공유하기를 지원하지 않는 환경입니다.');	
    }
});