Bootstrap col- *의 IE/MS Edge 링크가 페이지로드에 작동하지 않습니다.

이 매우 간단한 부트 스트랩 방문 페이지가 있으며 모든 것이 Chrome/Safari 등에서 잘 작동하지만 오늘 일부 링크를 클릭 할 수 없음을 알았습니다 Microsoft의 Edge Browser를 사용할 때Bootstrap col- *의 IE/MS Edge 링크가 페이지로드에 작동하지 않습니다.

페이지 가까이 검사에 Slice Virtual Golf

에서 라이브, 당신이 브라우저 창 크기를 변경하는 경우 col- 클릭되는 문제가 부모, 그리고 흥미롭게 부트 스트랩 안에있는 링크 만 것 같다, 또는 것 개발자 도구를 열면 링크가 마술처럼 접근하기 시작합니다.

나는 좋은 검색을했는데 유사한 두 가지 문제를 발견했다. 클린 부팅이 필요하다는 문제를 해결하기 위해 제안한 Microsoft 지원 엔지니어에게 의견을 남겼다. 그것은 버그처럼 보입니다.

누구든지이 문제를 알고 있거나 코드를 간단하게 살펴볼 수 있다면 시도하고 해결하지 않는 것이 너무 이상하기 때문에 어떤 일이 발생했는지 알려 주시기 바랍니다.

출처

2016-06-07 samazi

흠 ... 그것은 가능하다? 경우에 따라 문제의 근원을 직접 추적하는 데 도움이 될 수 있으며 오프 사이트 리소스 대신 실제 질문에 코드를 추가하는 것이 항상 좋습니다. – Serlite

@Serlite 확실히, 나는 그것을 얻는다. 보통 코드는 내가 작업하고있는 훨씬 더 큰 어플리케이션의 일부이다. 그러나 이것은 HTML/CSS를 검사 할 필요가있는 작은 단일 방문 페이지입니다. 또한 페이지 전체와 관련이있을 수 있으며 작은 버전을 만드는 것이 성공하지 못할 수도 있습니다. 내가 기회를 얻 자마자 나는 뭔가를 올려 놓을 것이다. – samazi

저는 Microsoft Edge 팀의 엔지니어이며, 당신이 말하는 이슈를 보았습니다. 나는 더 조사 할 것이고, 감소를 확증하려고 노력할 것이다. – Sampson

이것은 Internet Explorer 및 Microsoft Edge의 버그 인 것으로 나타났습니다. 나는 오버 플로우의 임시 적용 원인을 확인할 수있었습니다. 몸체에이 숨겨져 있고, 접힌 자의 플로팅/배치 된 레이아웃이 아래에 있습니다. IE/Edge가 오버 플로우의 결과로 도달 할 수없는 링크 (처음에는)로 판단한 것처럼 보입니다 : hidden 스타일 지정.

나는 다음에 페이지를 감소 :

<!doctype html> 
<html style="overflow-y: scroll; height: 100%;"> 
    <head></head> 
    <body style="margin: 0; height: 100%"> 
     <a style="float: left; position: relative; margin-top: 1000px" href="#">Link</a> 
     <script type="text/javascript"> 
      document.body.style.overflow = "hidden"; 
      setTimeout(function() { 
       document.body.style.overflow = "visible"; 
      }, 2000); 
     </script> 
    </body> 
</html>

이 조합은 배 아래 앵커를 을 작동하지 않는 결과.

Microsoft Edge 팀에서이 문제를 평가하는 버그가 접수되었습니다.

트랙이 버그 : 당신이 문제를 재현하고 그것이 [mcve]에 포함하기위한 https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/7843412/

출처

2016-06-09 23:01:24 Sampson

멋진 작품입니다. Edge Support가 더 중요 해지면 일시적으로 해결 방법을 찾을 수 있습니다. 그것은 내가 수정하거나 다른 것을 찾을 수 있도록 그 조정을하는 외부 사이트의 스플래시 페이지입니다. 얼마 지나지 않아 수정 될 수 있습니다. – samazi

@SandorA 사이트의 버전을 로더와 함께 백업하면 다른 해결 방법을 찾도록 도울 수 있습니다. – Sampson

Bootstrap col- *의 IE/MS Edge 링크가 페이지로드에 작동하지 않습니다.

답변

관련 문제