Drag.move disables input text edit mode. #1159

Closed
swamyv opened this Issue Oct 31, 2012 · 1 comment

2 participants

@swamyv

Here is a simple script. I pasted it on jsfiddle and tried it. Drag works but can not enter value to input box.
Same code works fine on IE but issue is in FireFox and chrome.

HTML:

<div id='popup' class='popwin'>
    <div id='header' class='header'> </div>
    <div id='prop_input' > < input id='input' value='enter value'> </input> </div>
</div>

CSS:

#popup {
  background-color: #fff;
  border: 1px solid #303030;
  float: left;
  top:500px;    
  width: 30%;
  height:100px;
}

#header {
  background-color: #4422ff;
  border: 1px solid #808080;
  float: left;
  width: 99%;
  height:20px;
  cursor:'move';
}

JS:

var popwin = $$('.popwin');
$$('.header').setStyle('cursor', 'move');
var dragme = function(event) {
    var draga = new Drag.Move(this, {
    });
    draga.start(event);
};
popwin.addEvent('mousedown', dragme);

Test case on jsfiddle.net

http://jsfiddle.net/CvGcb/4/

@tomahim tomahim added a commit to tomahim/mootools-more that referenced this issue Feb 18, 2013
@tomahim tomahim fixing issue #1159 daba163
@SergioCrisostomo SergioCrisostomo added a commit that referenced this issue Oct 27, 2015
@tomahim tomahim fixing issue #1159 133328c
@SergioCrisostomo SergioCrisostomo added a commit that referenced this issue Oct 27, 2015
@SergioCrisostomo SergioCrisostomo Merge add unDraggableTags to Drag
* pr1180:
  specs and code style fix
  fixing issue #1159

g issue #1159
fa1acb1
@SergioCrisostomo
MooTools member

Fixed in fa1acb1

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment