2017-02-10 2 views
1

ngDraggableモジュールを使用していて、入力ボックスがドラッグ可能なdivに配置されていると、入力ボックスが無効になる点を除いて、ユーザーがテキストを入力できるように、編集可能なままにする必要があります。AngularJS、ngDraggable - ドラッグ可能な要素の中で入力ボックスを編集できない

私は、デモの目的 http://jsfiddle.net/kkyk0j4x/10/

<div ng-app="test" ng-controller="testCtrl"> 
<div id="container"> 
    <div class="shape" ng-draggable='dragOptions'> 
     <input type="text" /><!--THIS IS NOT EDITABLE--> 
    </div> 
    <br/> 
    <br/> 
    <br/> 
    <input type="text"><!--THIS IS EDITABLE--> 
</div> 

問題から来て、どのようにそれを修正する場所を正確にわからないため、既存のフィドルをフォーク。どんな助けもありがとうございます。

答えて

2

どこから問題が発生しているのかわかりました。これが誰かを助けてくれることを願っています。 ngDraggableモジュール内には、mouseDownイベント内にpreventDefault関数があります。

HTMLのドラッグ可能な要素内の入力ボックスは編集可能になります。あることを必要とされているライブラリの最新版では

  var onlongpress = function(evt) { 
       if(! _dragEnabled)return; 
       //evt.preventDefault(); <---- this line 
+0

:この場所は、機能onlongpressに位置していますngDraggableプラグインの最新バージョンで:

// Bind mousedown event elem.on('mousedown', function (e) { //e.preventDefault(); ....... 

UPD(@Andremoniy) 'onlongpress'関数にコメントしました。 – Andremoniy

関連する問題