부트 스트랩 격자로 이상한 선택 동작

Question

부트 스트랩 (3.3.6)을 사용하고 있는데 그리드 열의 텍스트를 선택하려고 할 때 (Windows의 경우 어쨌든) 클릭하면 이상한 동작이 나타납니다.

는 예를 들어 다음과 같은 보자

<div class="row form-horizontal"> 
    <div class="col-xs-12 col-sm-6 col-md-12"> 
     <div class="form-group mb0 sm-mb md-mb0"> 
      <label class="col-xs-12 col-sm-6 col-md-12 control-label">EAN</label> 
      <div class="col-xs-12 col-sm-6 col-md-12 form-control-static">8718286480370</div> 
     </div> 
    </div> 
</div> 

이는 EAN과 값을 포함하는 라벨을 보여줍니다. EAN 값을 doubleclicking하여 EAN 값을 선택하려고하면 EAN 레이블도 선택됩니다. 누구나 이것이 왜 그리고 선호할만한 가치를 선택하는지 어떻게 알 수 있습니까?

작동 예제는 아래의 그림을 참조하십시오.

https://plnkr.co/edit/Fm1WGGEx1wri0VrYrC0K?p=preview

편집 : 마침표 (.) 또는 콜론을 추가 (:) 어떤 이유로 라벨 의지 후 예상대로 선택 작업을 만들지 만, 그게 내가 원하는 아니에요

알 수 있습니다. 나는 또한 보이지 않는 구두점을 추가하려고했지만 어떤 시점에서 해킹시에 실제로 해킹이되는 경우가 있습니다 ...

Answer 1

내 자신의 질문에 답하기 위해 Chrome에서 이러한 문제가 발생하는 이유를 모르지만 해결책은 간단합니다. 자체 행의 값 :

<div class="row form-horizontal"> 
    <div class="col-xs-12 col-sm-6 col-md-12"> 
     <div class="form-group mb0 sm-mb md-mb0"> 
      <label class="col-xs-12 col-sm-6 col-md-12 control-label"> 
       EAN 
      </label> 
      <div class="col-xs-12 col-sm-6 col-md-12 form-control-static"> 
       8718286480370 
      </div> 
     </div> 
    </div> 
</div>