Google지도 사용자 정의 오버레이가 IE에서 작동하지 않음 Edge

Question

Google Map Custom Overlay을 사용하여 아래에 표시된 입력 텍스트 상자로 팝업을 추가 할 때 IE Edge 15에서 입력 상자를 클릭하려고 할 때 IE 버전) 나는 그것을 클릭 할 수없고 입력 상자에 포커스를 맞추지 않는 것처럼 타이핑을 시작할 수 없다.

Chrome에서는 작동합니다. 위의 내 구현이 잘못된 경우, 또는이 구글지도에서 버그 경우

CustomMarker.prototype.onAdd = function() { 
    var self = this; 
    var div = this.div; 
    if (!div) { 
    // Generate marker html 
    div = this.div = document.createElement('div'); 
    div.className = 'custom-marker'; 
    div.style.position = 'absolute'; 
    div.innerHTML = '<span><input type="text" value="asfd" style="padding:10px;font-size:18px;" /></span>'; 
    var innerDiv = document.createElement('div'); 
    innerDiv.className = 'custom-marker-inner'; 

    div.appendChild(innerDiv); 

    if (typeof(self.args.marker_id) !== 'undefined') { 
     div.dataset.marker_id = self.args.marker_id; 
    } 

    google.maps.event.addDomListener(div, "click", function(event) { 
     google.maps.event.trigger(self, "click"); 
    }); 

    var panes = this.getPanes(); 
    panes.overlayImage.appendChild(div); 
    } 
}; 

Full example code here - jsfiddle

궁금? [편집 : 또는 주위에 해결 방법이 있습니까?]

Answer 1

나는 당신의 바이올린을 갈퀴 뽑습니다. 그것은 조금 해키 될 수도 있지만 나는 입력에 초점을 클릭 이벤트를 업데이트했습니다

google.maps.event.addDomListener(div, "click", function(event) { 
    google.maps.event.trigger(self, "click"); 
    event.target.focus(); 
}); 

https://jsfiddle.net/ng4hxqfs/5/