부트 스트랩 모달 대화 상자에서 작동하지 않는 클립 보드에 텍스트 복사

Question

모달 대화 상자 외부에서는 잘 작동하지만 부트 스트랩 모달 대화 상자에서 텍스트를 클립 보드에 복사하려고하면 제대로 작동하지 않습니다.

<button class="btn btn-primary-outline" data-toggle="modal" data-target="#dia">Open</button> 
<button type="button" class="btn btn-info-outline btn-sm copy" data-clipboard-text="not in modal"><i class="fa fa-clipboard"></i></button> 

<div id="test" class="modal fade" id="dia" tabindex="-1" role="dialog" aria-hidden="false"> 
    <div class="modal-dialog" role="document"> 
     <div class="modal-content"> 
      <form> 
       <div class="modal-header"> 
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 
         <span aria-hidden="true">&times;</span> 
         <span class="sr-only">Close</span> 
        </button> 
        <h4 class="modal-title">Test</h4> 
       </div> 
       <div class="modal-footer"> 
        <button type="button" class="btn btn-info-outline btn-sm copy" data-clipboard-text="in modal"> 
         <i class="fa fa-clipboard"></i> 
        </button> 
       </div> 
      </form> 
     </div> 
    </div> 
</div> 

<script> 
var clipboard = new Clipboard('.copy',{ 
      container: document.getElementById('test'), 
     }); 
</script> 

이것은 모달이 아닌 모달 형식의 클립 보드 기능을위한 샘플 코드입니다. 모달 대화 상자에서 텍스트를 클립 보드로 복사하려고 할 때 문제를 해결할 수있는 솔루션이 있습니까?

Answer 1

이 this issue

또는 참조 :

부트 스트랩 3

$.fn.modal.Constructor.prototype.enforceFocus = function() {}; 

부트 스트랩을 4

$.fn.modal.Constructor.prototype._enforceFocus = function() {};